Add link doesn't work for vuetify 2

[noobling]

Thanks for your work man.

I am not sure if this is a vuetify 2 specific issue but I can't add a link when I click the button it just closes.

Hopefully, this helps.

And my package.json

  "dependencies": {
    "@nuxtjs/axios": "^5.5.4",
    "@nuxtjs/pwa": "^2.6.0",
    "@nuxtjs/vuetify": "^1.0.0",
    "filestack-js": "^3.3.5",
    "filestack-vue": "^2.0.0",
    "lodash.get": "^4.4.2",
    "nuxt": "^2.0.0",
    "tiptap-vuetify": "^1.5.0"
  },

[iliyaZelenko]

Hi, glad you are using my package, thanks.

I have not tested this for the Vuetify 2. It's good that at least something works.

Like this issue if you are using the Vuetify 2 and you want me to quickly make support for the Vuetify 2.

I plan to add support for Vuetify 2, but I don’t know what to do with version 1, maybe I’ll stop supporting it.

[fabioebner]

@noobling how u configure to work with vuetify 2? can U show? tks

[aspben]

Maybe vuetify 2 should be a separate issue but the tiptap portion work's fine only the vuetify component arn't working

Look like the same issue described in the docs ( a-la-carte / vuetify loader). It look like there is a different way to do it in vuetify v2 but I can't figure out what. I tried importing component manually in main.js and in the component that call tiptap-vuetify but no luck.

Thank btw for the pacakge !

[noobling]

import Vue from "vue";
import Vuetify, { VTooltip, VToolbar, VCard, VIcon, VBtn } from "vuetify/lib";
import { TiptapVuetifyPlugin } from "tiptap-vuetify";
import "tiptap-vuetify/dist/main.css";
Vue.use(Vuetify, {
  components: {
    VTooltip,
    VToolbar,
    VCard,
    VIcon,
    VBtn
  }
});
Vue.use(TiptapVuetifyPlugin, { iconsGroup: "mdi" });
export default new Vuetify({
  icons: {
    iconfont: "mdi"
  }
});

Here is a way to fix it. This is the vuetify.js plugin file.

I think the root cause is due to Vuetify Loader not detecting the compiled dist file and adding the auto imports. I think before Vuetify Vue.use(vuetify) would inject all the vuetify components now by default it doesn't as you can see here https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/install.ts#L22
That's why we do the above to manually register the required components so we can use them without explicitly importing them.

[aspben]

it work nicely. thank a lot

[wobsoriano]

@noobling Good fix thanks. Do you know how to remove the warning > tiptap-vuetify: The current language "en" is not yet available. Using language "en" by default.? Thanks.

[iliyaZelenko]

@sorxrob you can try something like this: Vue.prototype.$vuetify = { lang: 'en' } before using the Vue.use(TiptapVuetifyPlugin)
But this is not an ideal solution. I thought this warning would not bother people.

[iliyaZelenko]

I released version 2 with support for Vuetify 2, everything should work now.

[noobling]

Thanks for all your work!