add vuetify rules lab

This commit is contained in:
Gauthier Roebroeck 2025-05-23 17:40:35 +08:00
parent 4ef42996c0
commit 3ce26e7198
2 changed files with 14 additions and 4 deletions

View file

@ -5,7 +5,7 @@
*/
// Plugins
import vuetify from './vuetify'
import {vuetify, vuetifyRulesPlugin} from './vuetify'
import pinia from '../stores'
import router from '../router'
import {PiniaColada} from '@pinia/colada'
@ -13,7 +13,6 @@ import { PiniaColadaAutoRefetch } from '@pinia/colada-plugin-auto-refetch'
// Types
import type {App} from 'vue'
// Navigation guards
import {useLoginGuard} from '@/router/login-guard'
import {useRoleGuard} from '@/router/role-guard.ts'
@ -21,6 +20,7 @@ import {useRoleGuard} from '@/router/role-guard.ts'
export function registerPlugins(app: App) {
app
.use(vuetify)
.use(vuetifyRulesPlugin)
// .use(DataLoaderPlugin, {router})
.use(router)
.use(pinia)

View file

@ -11,11 +11,13 @@ import 'vuetify/styles'
// Composables
import {createVuetify} from 'vuetify'
import {md3} from 'vuetify/blueprints'
import {VIconBtn} from 'vuetify/labs/components'
// Labs
import {VIconBtn} from 'vuetify/labs/components'
import {createRulesPlugin} from 'vuetify/labs/rules'
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
export default createVuetify({
export const vuetify = createVuetify({
theme: {
defaultTheme: 'light',
themes: {
@ -42,3 +44,11 @@ export default createVuetify({
VIconBtn,
},
})
export const vuetifyRulesPlugin = createRulesPlugin({
aliases: {
sameAs: (other?: string, err?: string) => {
return (v: unknown) => other === v || err || 'Field must be same'
},
},
}, vuetify.locale)