@encoradxp/mat-lib-test v0.6.10

IO Component Library (mat-lib-test)

For Testing Consumer Apps

This requires a consumer app Vue 3 installed with Vite

Installation

1. Install the package:

   npm install @encoradxp/mat-lib-test

2. Install Vuetify | Vite Vuetify

npm install vite-plugins-vuetify

3. Install Sass

npm install -D sass

4. Install VueDraggable | VueDraggable

npm install vuedraggable@latest

In your 'vite.config.ts | js' file, add the following: import vuetify from 'vite-plugin-vuetify'

plugins: [
vue(),
vuetify(),
]

    fs: {
      // Allow serving files from one level up to the project root
      allow: ['..'],
    },
  },

Your entry js should look like:

import 'vuetify/styles'
import { createVuetify } from 'vuetify'
import * as components from 'vuetify/components'
import * as directives from 'vuetify/directives'
import { aliases, fa } from 'vuetify/iconsets/fa'`

The theme property is currently being worked on. This is a sample for now.
const vuetify = createVuetify({
components,
directives,
icons: {
defaultSet: 'fa',
aliases,
sets: {
fa
},
},
theme: {
defaultTheme: 'ioVuetifyTheme',
themes: {
ioVuetifyTheme: {
dark: false,
colors: {
primary: 'var(--md-ref-palette-primary40)',
secondary: 'var(--md-ref-palette-secondary50)',
error: 'var(--md-ref-palette-error50)',
warning: 'var(--md-ref-palette-warning60)',
success: 'var(--md-ref-palette-success50)',
info: 'var(--md-ref-palette-informational50)',
background: 'var(--md-ref-palette-neutral95)',
surface: 'var(--md-ref-palette-neutral98)',
}
}
}
}
})
createApp(App).use(vuetify).mount('#app')