vuetify-nuxt-module 0.4.12 → 0.5.0

package/README.md

@@ -33,6 +33,8 @@
 - 🛠️ **Versatile**: custom Vuetify [directives](https://vuetifyjs.com/en/getting-started/installation/#manual-steps) and [labs components](https://vuetifyjs.com/en/labs/introduction/) registration
 - ✨ **Configurable Styles**: configure your variables using [Vuetify SASS Variables](https://vuetifyjs.com/en/features/sass-variables/) 
 - 💥 **SSR**: automatic SSR detection and configuration
+- 🔩 **Nuxt Layers and Hooks**: load your Vuetify configuration using [Nuxt Layers](https://nuxt.com/docs/getting-started/layers#layers) or using a custom module via `vuetify:registerModule` [Nuxt Hook](https://nuxt.com/docs/guide/going-further/hooks#nuxt-hooks-build-time)
+- 📥 **Vuetify Configuration File**: configure your Vuetify options using a custom `vuetify.config` file, no dev server restart needed
 - 🔥 **Pure CSS Icons**: no more font/js icons, use the new `unocss-mdi` icon set or build your own with UnoCSS Preset Icons
 - 😃 **Icon Fonts**: configure the [icon font](https://vuetifyjs.com/en/features/icon-fonts/) you want to use, the module will automatically import it for you using CDN or local dependencies
 - 🎭 **SVG Icons**: ready to use [@mdi/js](https://www.npmjs.com/package/@mdi/js) and [@fortawesome/vue-fontawesome](https://www.npmjs.com/package/@fortawesome/vue-fontawesome) SVG icons packs
@@ -42,7 +44,6 @@
 - 💬 **Auto-Import Vuetify Locale Messages**: add [Vuetify Locale Messages](https://vuetifyjs.com/en/features/internationalization/#getting-started) adding just the locales you want to use, no more imports needed
 - ⚙️ **Auto-Import Vuetify Composables**: you don't need to import Vuetify composables manually, they are automatically imported for you
 - 🎨 **Vuetify Blueprints**: use [Vuetify Blueprints](https://vuetifyjs.com/en/features/blueprints/) to quickly scaffold components
-- 🔩 **Nuxt Layers and Hooks**: load your Vuetify configuration using [Nuxt Layers](https://nuxt.com/docs/getting-started/layers#layers) or using a custom module via `vuetify:registerModule` [Nuxt Hook](https://nuxt.com/docs/guide/going-further/hooks#nuxt-hooks-build-time)
 - 👀 **Nuxt DevTools**: ready to inspect your Vuetify styles with the [Nuxt DevTools](https://github.com/nuxt/devtools) inspector
 - 🦾 **Type Strong**: written in [TypeScript](https://www.typescriptlang.org/)
 

package/configuration.d.ts

@@ -8,6 +8,7 @@ declare module 'virtual:vuetify-configuration' {
 declare module 'virtual:vuetify-date-configuration' {
   import type { DateOptions } from 'vuetify';
 
+  export const enabled: boolean
   export const isDev: boolean
   export const i18n: boolean
   export const adapter: 'vuetify' | 'date-fns' | 'moment' | 'luxon' | 'dayjs' | 'js-joda' | 'date-fns-jalali' | 'jalaali' | 'hijri' | 'custom'
@@ -17,6 +18,7 @@ declare module 'virtual:vuetify-date-configuration' {
 declare module 'virtual:vuetify-icons-configuration' {
   import type { IconOptions } from 'vuetify'
 
+  export const enabled: boolean
   export const isDev: boolean
   export function iconsConfiguration(): IconOptions
 }

package/custom-configuration.cjs

@@ -0,0 +1,3 @@
+module.exports.defineVuetifyConfiguration = function(...args) {
+  return import('./custom-configuration.mjs').then(m => m.defineVuetifyConfiguration.call(this, ...args))
+}

package/custom-configuration.d.ts

@@ -0,0 +1,3 @@
+import { ExternalVuetifyOptions } from './dist/types';
+declare function defineVuetifyConfiguration(vuetifyOptions: ExternalVuetifyOptions): ExternalVuetifyOptions;
+export { defineVuetifyConfiguration };

package/custom-configuration.mjs

@@ -0,0 +1,4 @@
+function defineVuetifyConfiguration(vuetifyOptions) {
+  return vuetifyOptions;
+}
+export { /* #__PURE__ */ defineVuetifyConfiguration };

package/dist/module.d.ts

@@ -200,15 +200,26 @@ interface ModuleOptions {
     moduleOptions?: MOptions;
     /**
      * Vuetify options.
+     *
+     * You can inline the configuration or specify a file path:
+     * `vuetifyOptions: './vuetify.options.ts'`
+     *
+     * The path should be relative to the root folder.
      */
-    vuetifyOptions?: VOptions;
+    vuetifyOptions?: string | VOptions;
+}
+interface InlineModuleOptions extends Omit<ModuleOptions, 'vuetifyOptions'> {
+    vuetifyOptions: VOptions;
+}
+interface ExternalVuetifyOptions extends VOptions {
+    config?: boolean;
 }
 declare module '@nuxt/schema' {
     interface NuxtConfig {
         vuetify?: ModuleOptions;
     }
     interface NuxtHooks {
-        'vuetify:registerModule': (registerModule: (config: ModuleOptions) => void) => void;
+        'vuetify:registerModule': (registerModule: (config: InlineModuleOptions) => void) => void;
     }
 }
 declare module '#app' {
@@ -229,4 +240,4 @@ declare module '#app' {
 
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
 
-export { ComponentName, Components, DateAdapter, DateOptions, DirectiveName, Directives, FontAwesomeSvgIconSet, FontIconSet, IconFontName, IconSetName, IconsOptions, JSSVGIconSet, LabComponentName, LabComponents, MOptions, ModuleOptions, VOptions, VuetifyLocale, _default as default };
+export { ComponentName, Components, DateAdapter, DateOptions, DirectiveName, Directives, ExternalVuetifyOptions, FontAwesomeSvgIconSet, FontIconSet, IconFontName, IconSetName, IconsOptions, InlineModuleOptions, JSSVGIconSet, LabComponentName, LabComponents, MOptions, ModuleOptions, VOptions, VuetifyLocale, _default as default };

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.4.12"
+  "version": "0.5.0"
 }