nuxt3 new verison

[Ischafak]

i have upgraded my nuxt to 3.8.1 and i am using

"vue-tel-input": "^8.1.4",

this is my plugin

when i try to call vue-tel-input instantly i get 404

[Vue warn]: resolveDirective can only be used in render() or setup().

i get this error but i dont know the issue is connected with this

[dukenst2006]

Hi @Ischafak i got the same issue, i see you closed that issue, what was your solution please?

[NeoN0x]

FWIW:

Hello,

I got the same issue appeared randomly got in a vue3/quasar project that was working perfectly fine.. and wasted one hour digging into it.

@dukenst2006 I was using vue 3.3.8 as pinned, after upgrading 3.3.13 it magically works so I imagine some suspect low level behaviour.

[Ischafak]

yes it is a weird bug for example i am again getting this error for nuxt 3.9.0

i found a solution actually but i dont know is it good or not

when. i change this plugins name to 01.vtinput.client.ts the problem is gone. 01 is for load order and client is for client side import

i want to ask devs to this is it good or bad thing to do or is there a better way to do it?

[Frallen]

@Ischafak You can use this plugin by this

import { VueTelInput } from "vue-tel-input";

export default defineNuxtPlugin((nuxtApp) => {
    nuxtApp.vueApp.component("VueTelInput", VueTelInput);
});

[JatinBrainybuzz]

@Ischafak You can use this plugin by this

import { VueTelInput } from "vue-tel-input";

export default defineNuxtPlugin((nuxtApp) => {
    nuxtApp.vueApp.component("VueTelInput", VueTelInput);
});

just remember to also import it's css

import 'vue-tel-input/vue-tel-input.css';