question: after building the field will be separate v-text-field and v-select

[HudaNasih]

Expected Behavior

The phone field is getting separate v-text-field and v-select or v-auto-complete

import Vue from 'vue'
// v-phone-input:  https://github.com/paul-thebaud/v-phone-input/tree/2.x.x
import { createVPhoneInput } from 'v-phone-input'
import 'v-phone-input/dist/v-phone-input.css'

import { VAutocomplete, VSelect } from 'vuetify/lib'
import i18n from '@/plugins/i18n'
// Globally import VAutocomplete, IMPORTANT: required when tree shaking Vuetify components.
Vue.component('VAutocomplete', VAutocomplete)
Vue.component('VSelect', VSelect)

const vPhoneInput = createVPhoneInput({
  countryLabel: `${i18n.t('label.code')}`
})

// Configure VPhoneInput library.
Vue.use(vPhoneInput)

In the local host

after building the project it will be rendered like that

Specifications

• OS: Windows
• Browser: Brave
• Browser version: latest
• Package version: 2.0.1
• Vuetify version: 2.7.1

[paul-thebaud]

Hello, looks like CSS is missing in your production build. Please provide a stackblitz or GitHub reproduction if you need help.

[HudaNasih]

Hello, I just statically set the style inside the component to solve it for now, Thank you

[paul-thebaud]

OK. Closing as IMO its not related to v-phone-input. Feel free to open a new issue with a reproduction if you need something else.