// main.ts
import { createApp } from 'vue';
import App from './App.vue';
import vue3IntlInput from 'vue3-intl-input';
import 'vue3-intl-input/dist/style.css';

const app = createApp(App);
app.use(vue3IntlInput).mount('#app');

// Component.vue
<template>
   <vue3-intl-input
    @sendInputValue="getInputValue"
    @sendCountryInfo="getCountryInfo"
    contentType="dropdown"
    noDataText="No Data Prop"
    title="INTERNATIONAL"
    placeholder="hi"
    searchPlaceholder="Hello"
    :effect="true"
    :clickCloseOutSide="true"
    :showTelInput="true"
    :showSearchCountryInput="true"
    :showDialCode="true"
    :bindingMode="1"
    :countriesList="['us', 'cn', 'kr', 'jp', 'ru', 'es', 'ph', 'th']"
  />
</template>

<script>
const getInputValue = (val: object) => {
  console.log(val);
};

const getCountryInfo = (info: object) => {
  console.log(info);
};
</script>