Corvina Components Library

This library is a collection of vue components aimed to be used in the Corvina App.

Installation

To install the package run the following command:

npm install @corvina/vue-components-library

Usage

Add to your vue application the corvina components:

import { createApp } from 'vue'
import App from './App.vue'
import vuetify from './plugins/vuetify'
import CorvinaComponents from "@corvina/vue-components-library"
import "@corvina/vue-components-library/vue-components-library.css"

createApp(App)
  .use(vuetify)
  .use(CorvinaComponents)
  .mount('#app')

and add reference to css and font to your code.

Internationalization i18n

If you want to support internationalization, please remember to configure the locale in your Vuetify options.

import { en, it, de } from 'vuetify/locale'
const vuetify = createVuetify({
  ...
  locale: {
    locale: 'en',
    fallback: 'en',
    messages: { en, it, de }
  },
  ...
})

To dynamically change the language, use this.$vuetify.locale.current.

For example, in the Corvina application:

this.$i18n.locale = locale?.replace('_', '-') || "en-US";
this.$vuetify.locale.current = this.$i18n.locale?.split('-')[0] || "en";