iliyaZelenko / tiptap-vuetify

Vuetify editor. Component simplifies integration tiptap editor with vuetify.
https://iliyazelenko.github.io/tiptap-vuetify-demo/
804 stars 126 forks source link

Translation with Nuxt.js and i18n #297

Open cdefy opened 3 years ago

cdefy commented 3 years ago

Hi,

First thanks for your work. I tried tiptap on it's own and if I managed to have the editor working, I couldn't understand how to add the menu (bold, etc.) With your plugin, it worked right away.

But I'm struggling to have the tooltip when you hover the menu (bold, italic...) in French.

I followed your example for Nuxt :

export default ({ app }) => { Vue.use(TiptapVuetifyPlugin, { vuetify: app.vuetify, iconsGroup: 'mdi', }) }


As you say it's "automatic detection of the current language through the Vuetify" I added some configuration (following Vuetify doc) and maybe it's here I'm wrong:
- nuxt.config.js

vuetify: { optionsPath: './vuetify.options.js` }

- vuetify.options.js (at the same level as nuxt.config.js)

export default function ({ app }) { return { lang: { t: (key, ...params) => app.i18n.t(key, params), }, } }



But tooltip are still in English. My only locales in i18n for now is French so what am I missing?

Thanks to anyone for any help or advice. If you need any more informations, please let me know.
Cheers!