vuetify-nuxt-module 0.2.1 → 0.2.2

package/README.md

@@ -1,7 +1,10 @@
-<p align='center'>
-<img src='https://github.com/userquin/vuetify-nuxt-module/raw/main/hero.svg' alt="vuetify-nuxt-module - Zero-config Nuxt module for Vuetify"><br>
-Zero-config Nuxt module for Vuetify
-</p>
+<div align="center">
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="https://github.com/userquin/vuetify-nuxt-module/raw/main/hero-dark.svg" />
+  <img alt="vuetify-nuxt-module - Zero-config Nuxt module for Vuetify" src='https://github.com/userquin/vuetify-nuxt-module/raw/main/hero.svg' alt="vuetify-nuxt-module - Zero-config Nuxt module for Vuetify"><br>
+</picture>
+<p>Zero-config Nuxt module for Vuetify</p>
+</div>
 
 <p align='center'>
 <a href='https://www.npmjs.com/package/vuetify-nuxt-module' target="__blank">
@@ -33,10 +36,11 @@ Zero-config Nuxt module for Vuetify
 - ✨ **Configurable Styles**: configure your variables using [Vuetify SASS Variables](https://vuetifyjs.com/en/features/sass-variables/) 
 - 💥 **SSR**: automatic SSR detection and configuration
 - 😃 **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
+- 🎭 **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
 - 📦 **Multiple Icon Sets**: register [multiple icon sets](https://vuetifyjs.com/en/features/icon-fonts/#multiple-icon-sets)
 - 🌍 **I18n Ready**: install [@nuxtjs/i18n](https://v8.i18n.nuxtjs.org/) Nuxt module, and you're ready to use Vuetify [internationalization](https://vuetifyjs.com/en/features/internationalization/) features
 - 📆 **Date Components**: use Vuetify components [that require date functionality](https://vuetifyjs.com/en/features/dates/) installing and configuring one of the [@date-io](https://github.com/dmtrKovalenko/date-io#projects) adapters
+- 🎨 **Vuetify Blueprints (WIP)**: use [Vuetify Blueprints](https://vuetifyjs.com/en/features/blueprints/) to quickly scaffold components
 - 🦾 **Type Strong**: written in [TypeScript](https://www.typescriptlang.org/)
 
 ## 📦 Install
@@ -128,7 +132,7 @@ vuetify: {
 }
 ```
 
-## 🎨 SVG Icons
+## 🎭 SVG Icons
 
 This module supports the following SVG icon libraries:
 - [@mdi/js](https://www.npmjs.com/package/@mdi/js)
@@ -155,7 +159,9 @@ vuetify: {
       defaultSet: 'mdi-svg',
       svg: {
         mdi: {
-          account: 'mdiAccount'
+          aliases: {
+            account: 'mdiAccount'
+          }  
         }
       }
     }
@@ -240,15 +246,15 @@ If you want to use a custom date adapter, you can configure it using `vuetifyOpt
 
 Check out [vuetify-date](./src/runtime/plugins/vuetify-date.mts) plugin for an example of a custom date adapter and how to access to the configuration.
 
-## 👀 Full config
+## 🎨 Vuetify Blueprints
 
 **WIP**
-<!--
-Check out the type declaration [src/types.ts](./src/types.ts) and the following links for more details.
 
-- [Web app manifests](https://developer.mozilla.org/en-US/docs/Web/Manifest)
-- [Workbox](https://developers.google.com/web/tools/workbox)
--->
+## 👀 Full config
+
+Check out the type declaration [src/types.ts](./src/types.ts).
+
+The virtual modules can be found in [configuration.d.ts](./configuration.d.ts) file.
 
 ## 📄 License
 

package/dist/module.d.ts

@@ -1,4 +1,5 @@
 import * as _nuxt_schema from '@nuxt/schema';
+import * as vuetify from 'vuetify';
 import { VuetifyOptions } from 'vuetify';
 
 type BooleanOrArrayString = boolean | string[];
@@ -128,6 +129,9 @@ interface ModuleOptions {
     vuetifyOptions?: VOptions;
 }
 declare module '#app' {
+    interface NuxtApp {
+        $vuetify: ReturnType<typeof vuetify['createVuetify']>;
+    }
     interface RuntimeNuxtHooks {
         'vuetify:configuration': (options: {
             isDev: boolean;

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.1"
+  "version": "0.2.2"
 }

package/dist/module.mjs

@@ -6,7 +6,7 @@ import { resolveVuetifyBase, normalizePath, writeStyles, cacheDir } from '@vueti
 import { isAbsolute, join, relative } from 'pathe';
 import { normalizePath as normalizePath$1 } from 'vite';
 
-const version = "0.2.1";
+const version = "0.2.2";
 
 function isSubdir(root, test) {
   const relative$1 = relative(root, test);

package/dist/runtime/plugins/config.d.ts

@@ -1,22 +1 @@
-export declare function configureVuetify(): Promise<{
-    install: (app: import("vue").App<any>) => void;
-    defaults: import("vue").Ref<import("vuetify/lib/framework.mjs").DefaultsInstance>;
-    display: import("vuetify/lib/framework.mjs").DisplayInstance;
-    theme: import("vuetify/lib/framework.mjs").ThemeInstance & {
-        install: (app: import("vue").App<any>) => void;
-    };
-    icons: Record<string, any>;
-    locale: {
-        isRtl: import("vue").Ref<boolean>;
-        rtl: import("vue").Ref<Record<string, boolean>>;
-        rtlClasses: import("vue").Ref<string>;
-        name: string;
-        messages: import("vue").Ref<import("vuetify/lib/framework.mjs").LocaleMessages>;
-        current: import("vue").Ref<string>;
-        fallback: import("vue").Ref<string>;
-        t: (key: string, ...params: unknown[]) => string;
-        n: (value: number) => string;
-        provide: (props: import("vuetify/lib/framework.mjs").LocaleOptions) => import("vuetify/lib/framework.mjs").LocaleInstance;
-    };
-    date: Record<string, any>;
-}>;
+export declare function configureVuetify(): Promise<void>;

package/dist/runtime/plugins/config.mjs

@@ -7,8 +7,8 @@ export async function configureVuetify() {
   await nuxtApp.hooks.callHook("vuetify:configuration", { isDev, vuetifyOptions });
   const vuetify = createVuetify(vuetifyOptions);
   nuxtApp.vueApp.use(vuetify);
+  nuxtApp.provide("vuetify", vuetify);
   if (process.client) {
     isDev && console.log("Vuetify 3 initialized", vuetify);
   }
-  return vuetify;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuetify-nuxt-module",
   "type": "module",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "packageManager": "pnpm@8.6.6",
   "description": "Zero-Config Nuxt Module for Vuetify ",
   "author": "userquin <userquin@gmail.com>",