vuejs-tips / vue-the-mask

Tiny (<2k gzipped) and dependency free mask input for Vue.js
https://vuejs-tips.github.io/vue-the-mask/
1.72k stars 212 forks source link

Setup with vue + inertiajs #206

Open guihallmann opened 10 months ago

guihallmann commented 10 months ago

Does anyone know to setup this library in a vue + inertiajs app? I'm having troubles making it work

abdurrahmanseyidoglu commented 9 months ago

in you app.js file :

import {createApp, h} from 'vue';
import { createInertiaApp } from '@inertiajs/vue3'

import VueTheMask from 'vue-the-mask'

createInertiaApp({

    resolve: name => {
        const pages = import.meta.glob('./Pages/**/*.vue', { eager: true })
        return pages[`./Pages/${name}.vue`]
    },

    setup({el, App, props, plugin}) {
        createApp({render: () => h(App, props)})
            .use(plugin)
            .use(VueTheMask)
            .mount(el)
    }
});

in your component :


<template>
  <input v-model="min_price" v-mask="'###,###,###'"  masked="false" name="min" type="text"/>
<template/>

<script setup>
import 'vue-tel-input/vue-tel-input.css';
</script>