Adding example to pass translation keys from Vue I18n in components

The package vue-i18n (https://vue-i18n.intlify.dev/) offers a $tm-function to pass all keys at once as an array from a translation file. Maybe it's good to adapt this in the documentation. https://vue-i18n.intlify.dev/api/composition.html#tm-key
spatie · Sep 27, 2023 · 7f93426 · 7f93426
1 parent 455cd0e
commit 7f93426
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/docs/handling-uploads-with-media-library-pro/handling-uploads-with-vue.md b/docs/handling-uploads-with-media-library-pro/handling-uploads-with-vue.md
@@ -687,6 +687,14 @@ window.mediaLibraryTranslations = {
 };
 ```
 
+If you use the [vue-i18n](https://vue-i18n.intlify.dev/) package from intlify, you can also pass the keys from a translation file like `lang/media-library.php` by using the [`$tm`-function](https://vue-i18n.intlify.dev/api/composition.html#tm-key).
+
+```js
+<MediaLibraryCollection
+    :translations="$tm('media-library')"
+/>
+```
+
 ## Props
 
 These props are available on both the `attachment` and the `collection` component.