@huongnv080/uikit

※ Note

• vnd => datetime, date, month, time


• vnrc => radio, checkbox


• vns => select


• vnms => multiple select


• vnmss => multiple single select width input support


• vni => text, number


• vnfi => file, image


• nvform => all items


• vneditor => editor


• vnbar => barcode


• vnqr => qrcode


• vnchat => vnchat


• vntable => table


• vnerror => error dailog


• vnconfirm => confirm dailog


• vnformdailog => form dailog


• vnupload => data import


• vnfilterdailog => filter dailog

※ Add plugins
yarn add -D @huongnv080/hv vue-uuid vue-click-outside-of sass-loader sass
yarn add -D vue3-barcode qrcode-vue3 @vueup/vue-quill@latest xlsx
yarn add -D tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
npx tailwindcss init -p

※ Import to index.vue
``
import { createApp } from 'vue'
import App from './App.vue'
import './tailwind.css'
import '@huongnv080/uikit/cs/css/index.scss'
import '@vueup/vue-quill/dist/vue-quill.snow.css'
import vClickOutside from 'vue-click-outside-of'
import router from './router'

import {
vni,
vns,
vnms,
vnmss,
vnd,
vnrc,
vnfi,
vnform,
vneditor,
vnbar,
vnqr,
vnchat,
vntable,
vnerror,
vnconfirm,
vnformdailog,
vnfilterdailog,
vnupload
} from '@huongnv080/hv'
import Error from './plugin/vnerror'
import Confirm from './plugin/vnconfirm'
import Form from './plugin/vnformdailog'
import Filter from './plugin/vnfilterdailog'
import Upload from './plugin/vnupload'

const app = createApp(App)
app.component('vn-i', vni)
app.component('vn-s', vns)
app.component('vn-ms', vnms)
app.component('vn-mss', vnmss)
app.component('vn-d', vnd)
app.component('vn-rc', vnrc)
app.component('vn-fi', vnfi)
app.component('vn-ta', vnta)
app.component('vn-editor', vneditor)
app.component('vn-bar', vnbar)
app.component('vn-qr', vnqr)
app.component('vn-menu', vnmenu)
app.component('vn-header', vnheader)
app.component('vn-form', vnform)
app.component('vn-tab', vntab)
app.component('vn-table', vntable)
app.component('vn-chat', vnchat)
app.component('vn-error', vnerror)
app.component('vn-confirm', vnconfirm)
app.component('vn-form-dailog', vnformdailog)
app.component('vn-filter-dailog', vnfilterdailog)
app.component('vn-upload', vnupload)
app.use(vClickOutside)
app.use(Error)
app.use(Confirm)
app.use(Filter)
app.use(Form)
app.use(Upload)
app.use(router)
app.mount('#app')
`

※ Use at Page.vue
`



`

※ When Use Form at Page.vue
`



``