How to use in Nuxt 3 ?

[zerosdev]

I am new in Nuxt 3, please someone guide me step by step to install it in Nuxt 3

[canykav]

Install extension with npm and create new component for using currency input.
Thats my component. (classes belong to tailwind)

<template>
    <input
      ref="inputRef"
      type="text"
      class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
    />
  </template>
  
  <script>
  import { useCurrencyInput } from 'vue-currency-input'
  
  export default {
    name: 'CurrencyInput',
    props: {
      modelValue: Number, // Vue 2: value
      options: Object
    },
    setup(props) {
      const { inputRef } = useCurrencyInput(props.options)
  
      return { inputRef }
    }
  }
  </script>