It doesn't work vue 3

[tintin10q]

For me using the code in the docs

main.ts

const app = createApp(App);

import VueTelInput from 'vue-tel-input';
import 'vue-tel-input/dist/vue-tel-input.css';
app.use(VueTelInput)

It gives me [Vue warn]: Component is missing template or render function.

[tintin10q]

I have 6.0.0-beta.7 in my package.json

[adam1010]

We're using 6.0.0-beta.7 as well and it's working for us with Vue3. Some of the options aren't working, but it loads and mostly works.

We're importing it locally within a single .vue component, not in the global config (we load components async)

import {VueTelInput} from 'vue-tel-input'
import 'vue-tel-input/dist/vue-tel-input.css';

export default defineComponent({
  components: {VueTelInput},
  ...
}

[jdalrymple]

Im running into the same error with 6.0.1 :/

[KhaledOmara]

+1

[mrnasil]

https://www.npmjs.com/package/vue3-tel-input-js

[Anas-shamia]

Any update for this issue i have the same problem

[mrnasil]

same problem

import { VueTelInput } from 'vue3-tel-input-js'

  <vue-tel-input
          v-model="phone"
          :class="disable ? '!border-bg !bg-bg' : ''"
          :disabled="disable"
          enabled-country-code="true"
          mode="international"
          :name="name"
          style-classes="telinput"
          :type="type"
          :v-bind="options"
          :value="inputValue"
          @blur="handleBlur"
          @input="handleChange"
          @validate="validate"
        ></vue-tel-input>

[sahiln1]

try using import "vue-tel-input/dist/style.css"; It worked for me in vue3 with vue-tel-input version 8.1.0

[femi-vue]

the updated version import 'vue-tel-input/vue-tel-input.css';