vuetify-nuxt-module 0.19.5 β 1.0.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/configuration.d.ts +5 -5
- package/custom-configuration.cjs +1 -1
- package/custom-configuration.d.ts +4 -2
- package/custom-configuration.mjs +3 -3
- package/dist/module.d.mts +54 -12
- package/dist/module.json +1 -1
- package/dist/module.mjs +1130 -1020
- package/dist/runtime/plugins/date.js +3 -2
- package/dist/runtime/plugins/detect-browser.js +19 -10
- package/dist/runtime/plugins/i18n.js +5 -5
- package/dist/runtime/plugins/icons.js +2 -1
- package/dist/runtime/plugins/types.d.ts +0 -2
- package/dist/runtime/plugins/vuetify-client-hints.client.d.ts +1 -1
- package/dist/runtime/plugins/vuetify-client-hints.client.js +11 -6
- package/dist/runtime/plugins/vuetify-client-hints.server.d.ts +1 -1
- package/dist/runtime/plugins/vuetify-client-hints.server.js +38 -25
- package/dist/runtime/plugins/vuetify-date.js +1 -1
- package/dist/runtime/plugins/vuetify-i18n-date.js +1 -1
- package/dist/runtime/plugins/vuetify-i18n.js +1 -1
- package/dist/runtime/plugins/vuetify-icons.js +1 -1
- package/dist/runtime/plugins/vuetify-no-client-hints.d.ts +1 -1
- package/dist/runtime/plugins/vuetify-no-client-hints.js +1 -1
- package/package.json +58 -72
- package/README.md +0 -95
package/README.md
DELETED
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
<div align="center">
|
|
2
|
-
<picture>
|
|
3
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/vuetifyjs/nuxt-module/raw/main/hero-dark.svg" />
|
|
4
|
-
<img alt="vuetify-nuxt-module - Zero-config Nuxt Module for Vuetify" src='https://github.com/vuetifyjs/nuxt-module/raw/main/hero.svg' alt="vuetify-nuxt-module - Zero-config Nuxt Module for Vuetify"><br>
|
|
5
|
-
</picture>
|
|
6
|
-
<p>Zero-config Nuxt Module for Vuetify</p>
|
|
7
|
-
</div>
|
|
8
|
-
|
|
9
|
-
<p align='center'>
|
|
10
|
-
<a href='https://www.npmjs.com/package/vuetify-nuxt-module' target="__blank">
|
|
11
|
-
<img src='https://img.shields.io/npm/v/vuetify-nuxt-module?color=33A6B8&label=' alt="NPM version">
|
|
12
|
-
</a>
|
|
13
|
-
<a href="https://www.npmjs.com/package/vuetify-nuxt-module" target="__blank">
|
|
14
|
-
<img alt="NPM Downloads" src="https://img.shields.io/npm/dm/vuetify-nuxt-module?color=476582&label=">
|
|
15
|
-
</a>
|
|
16
|
-
<a href="https://nuxt.vuetifyjs.com/" target="__blank">
|
|
17
|
-
<img src="https://img.shields.io/static/v1?label=&message=docs%20%26%20guides&color=2e859c" alt="Docs & Guides">
|
|
18
|
-
</a>
|
|
19
|
-
<br>
|
|
20
|
-
<a href="https://github.com/vuetifyjs/nuxt-module" target="__blank">
|
|
21
|
-
<img alt="GitHub stars" src="https://img.shields.io/github/stars/userquin/vuetify-nuxt-module?style=social">
|
|
22
|
-
</a>
|
|
23
|
-
</p>
|
|
24
|
-
|
|
25
|
-
<br>
|
|
26
|
-
|
|
27
|
-
## π Features
|
|
28
|
-
|
|
29
|
-
- π [**Documentation & guides**](https://nuxt.vuetifyjs.com/)
|
|
30
|
-
- π **Zero-Config**: sensible built-in default [Vuetify](https://vuetifyjs.com/) configuration for common use cases
|
|
31
|
-
- π **Extensible**: expose the ability to customize the Vuetify configuration via [Nuxt Runtime Hooks](https://nuxt.com/docs/guide/going-further/hooks#usage-with-plugins)
|
|
32
|
-
- β‘ **Fully Tree Shakable**: by default, only the needed Vuetify components are imported
|
|
33
|
-
- π οΈ **Versatile**: custom Vuetify [directives](https://vuetifyjs.com/en/getting-started/installation/#manual-steps) and [labs components](https://vuetifyjs.com/en/labs/introduction/) registration
|
|
34
|
-
- β¨ **Configurable Styles**: configure your variables using [Vuetify SASS Variables](https://vuetifyjs.com/en/features/sass-variables/)
|
|
35
|
-
- π₯ **SSR**: automatic SSR detection and configuration including [HTTP Client hints](https://developer.mozilla.org/en-US/docs/Web/HTTP/Client_hints)
|
|
36
|
-
- π© **Nuxt Layers and Module 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 Module Hook](https://nuxt.com/docs/guide/going-further/hooks#nuxt-hooks-build-time)
|
|
37
|
-
- π₯ **Vuetify Configuration File**: configure your Vuetify options using a custom `vuetify.config` file, no dev server restart needed
|
|
38
|
-
- π₯ **Pure CSS Icons**: no more font/js icons, use the new `unocss-mdi` icon set or build your own with UnoCSS Preset Icons
|
|
39
|
-
- π **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
|
|
40
|
-
- π **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
|
|
41
|
-
- π¦ **Multiple Icon Sets**: register [multiple icon sets](https://vuetifyjs.com/en/features/icon-fonts/#multiple-icon-sets)
|
|
42
|
-
- π **I18n Ready**: install [@nuxtjs/i18n](https://i18n.nuxtjs.org/) Nuxt module, and you're ready to use Vuetify [internationalization](https://vuetifyjs.com/en/features/internationalization/) features
|
|
43
|
-
- π **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
|
|
44
|
-
- π¬ **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
|
|
45
|
-
- βοΈ **Auto-Import Vuetify Composables**: you don't need to import Vuetify composables manually, they are automatically imported for you
|
|
46
|
-
- π¨ **Vuetify Blueprints**: use [Vuetify Blueprints](https://vuetifyjs.com/en/features/blueprints/) to quickly scaffold components
|
|
47
|
-
- π **Nuxt DevTools**: ready to inspect your Vuetify styles with the [Nuxt DevTools](https://github.com/nuxt/devtools) inspector
|
|
48
|
-
- π¦Ύ **Type Strong**: written in [TypeScript](https://www.typescriptlang.org/)
|
|
49
|
-
|
|
50
|
-
## π¦ Install
|
|
51
|
-
|
|
52
|
-
> Requires Vite, will not work with Webpack
|
|
53
|
-
|
|
54
|
-
```bash
|
|
55
|
-
npx nuxi@latest module add vuetify-nuxt-module
|
|
56
|
-
```
|
|
57
|
-
|
|
58
|
-
[](https://stackblitz.com/github/userquin/vuetify-nuxt-module)
|
|
59
|
-
|
|
60
|
-
## π¦ Usage
|
|
61
|
-
|
|
62
|
-
> `vuetify-nuxt-module` is strongly opinionated and has a built-in default configuration out of the box. You can use it without any configuration, and it will work for most use cases.
|
|
63
|
-
|
|
64
|
-
Add `vuetify-nuxt-module` module to `nuxt.config.ts` and configure it:
|
|
65
|
-
|
|
66
|
-
```ts
|
|
67
|
-
// Nuxt config file
|
|
68
|
-
import { defineNuxtConfig } from 'nuxt/config'
|
|
69
|
-
|
|
70
|
-
export default defineNuxtConfig({
|
|
71
|
-
modules: [
|
|
72
|
-
'vuetify-nuxt-module'
|
|
73
|
-
],
|
|
74
|
-
vuetify: {
|
|
75
|
-
moduleOptions: {
|
|
76
|
-
/* module specific options */
|
|
77
|
-
},
|
|
78
|
-
vuetifyOptions: {
|
|
79
|
-
/* vuetify options */
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
})
|
|
83
|
-
```
|
|
84
|
-
|
|
85
|
-
Read the [π documentation](https://nuxt.vuetifyjs.com/) for a complete guide on how to configure and use this module.
|
|
86
|
-
|
|
87
|
-
## π Full config
|
|
88
|
-
|
|
89
|
-
Check out the [types](https://github.com/vuetifyjs/nuxt-module/blob/main/src/types.ts).
|
|
90
|
-
|
|
91
|
-
The virtual modules can be found in [configuration.d.ts](https://github.com/vuetifyjs/nuxt-module/blob/main/configuration.d.ts) file.
|
|
92
|
-
|
|
93
|
-
## π License
|
|
94
|
-
|
|
95
|
-
[MIT](https://github.com/vuetifyjs/nuxt-module/blob/main/LICENSE) License © 2023-PRESENT [JoaquΓn SΓ‘nchez](https://github.com/userquin)
|