@vueless/nuxt 0.0.8 → 0.0.9-beta.1

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.
Files changed (6) hide show
  1. package/README.md +13 -22
  2. package/dist/README.md +13 -22
  3. package/dist/module.json +1 -1
  4. package/dist/module.mjs +8 -38
  5. package/dist/package.json +6 -6
  6. package/package.json +6 -6
package/README.md CHANGED
@@ -1,39 +1,30 @@
1
1
  # Vueless Nuxt Module
2
2
 
3
- [![npm version][npm-version-src]][npm-version-href]
4
- [![npm downloads][npm-downloads-src]][npm-downloads-href]
5
- [![License][license-src]][license-href]
6
- [![Nuxt][nuxt-src]][nuxt-href]
7
-
8
3
  ## Quick Setup
9
4
 
10
- 1. Add `@vueless/nuxt` dependency to your project.
5
+ 1. Install Vueless Nuxt Module to your project.
11
6
 
12
7
  ```bash
13
8
  npm i @vueless/nuxt
9
+ npx vueless init
14
10
  ```
15
11
 
16
- 2. Add `@vueless/nuxt` to the `modules` section of `nuxt.config.{ts,js}`
12
+ 2. Register `@vueless/nuxt` into the Nuxt config modules section in `nuxt.config.{ts,js}`
17
13
 
18
14
  ```js
19
- {
15
+ export default defineNuxtConfig({
20
16
  modules: [
21
17
  '@vueless/nuxt'
22
- ]
23
- }
18
+ ],
19
+ ...
20
+ })
24
21
  ```
25
22
 
26
- That's it! You can now use `@vueless/nuxt` in your Nuxt app ✨
27
-
28
- <!-- Badges -->
29
- [npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=020420&colorB=00DC82
30
- [npm-version-href]: https://npmjs.com/package/my-module
23
+ 3. Import Tailwind CSS and Vueless at the top of the main CSS file.
31
24
 
32
- [npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=020420&colorB=00DC82
33
- [npm-downloads-href]: https://npmjs.com/package/my-module
34
-
35
- [license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=020420&colorB=00DC82
36
- [license-href]: https://npmjs.com/package/my-module
25
+ ```scss
26
+ @import "tailwindcss";
27
+ @import "vueless";
28
+ ```
37
29
 
38
- [nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
39
- [nuxt-href]: https://nuxt.com
30
+ That's it! You can now use Vueless in your Nuxt app ✨
package/dist/README.md CHANGED
@@ -1,39 +1,30 @@
1
1
  # Vueless Nuxt Module
2
2
 
3
- [![npm version][npm-version-src]][npm-version-href]
4
- [![npm downloads][npm-downloads-src]][npm-downloads-href]
5
- [![License][license-src]][license-href]
6
- [![Nuxt][nuxt-src]][nuxt-href]
7
-
8
3
  ## Quick Setup
9
4
 
10
- 1. Add `@vueless/nuxt` dependency to your project.
5
+ 1. Install Vueless Nuxt Module to your project.
11
6
 
12
7
  ```bash
13
8
  npm i @vueless/nuxt
9
+ npx vueless init
14
10
  ```
15
11
 
16
- 2. Add `@vueless/nuxt` to the `modules` section of `nuxt.config.{ts,js}`
12
+ 2. Register `@vueless/nuxt` into the Nuxt config modules section in `nuxt.config.{ts,js}`
17
13
 
18
14
  ```js
19
- {
15
+ export default defineNuxtConfig({
20
16
  modules: [
21
17
  '@vueless/nuxt'
22
- ]
23
- }
18
+ ],
19
+ ...
20
+ })
24
21
  ```
25
22
 
26
- That's it! You can now use `@vueless/nuxt` in your Nuxt app ✨
27
-
28
- <!-- Badges -->
29
- [npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=020420&colorB=00DC82
30
- [npm-version-href]: https://npmjs.com/package/my-module
23
+ 3. Import Tailwind CSS and Vueless at the top of the main CSS file.
31
24
 
32
- [npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=020420&colorB=00DC82
33
- [npm-downloads-href]: https://npmjs.com/package/my-module
34
-
35
- [license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=020420&colorB=00DC82
36
- [license-href]: https://npmjs.com/package/my-module
25
+ ```scss
26
+ @import "tailwindcss";
27
+ @import "vueless";
28
+ ```
37
29
 
38
- [nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
39
- [nuxt-href]: https://nuxt.com
30
+ That's it! You can now use Vueless in your Nuxt app ✨
package/dist/module.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "compatibility": {
5
5
  "nuxt": ">=3.13.0"
6
6
  },
7
- "version": "0.0.8",
7
+ "version": "0.0.9-beta.1",
8
8
  "builder": {
9
9
  "@nuxt/module-builder": "0.8.4",
10
10
  "unbuild": "2.0.0"
package/dist/module.mjs CHANGED
@@ -1,42 +1,9 @@
1
- import { addTemplate, installModule, useNuxt, defineNuxtModule, createResolver, addPlugin, addComponent, addImportsDir } from '@nuxt/kit';
1
+ import { defineNuxtModule, createResolver, addPlugin, addComponent, addImportsDir } from '@nuxt/kit';
2
+ import TailwindCSS from '@tailwindcss/vite';
2
3
  import { COMPONENTS } from 'vueless/constants.js';
3
4
  import { Vueless } from 'vueless/plugin-vite.js';
4
- import { createTailwindSafelist } from 'vueless/utils/node/tailwindSafelist.js';
5
5
  import { getNuxtDirs } from 'vueless/utils/node/helper.js';
6
- import { join } from 'pathe';
7
- import { defu } from 'defu';
8
-
9
- async function installTailwind(_nuxt = useNuxt()) {
10
- await createTailwindSafelist({
11
- targetFiles: getNuxtDirs()
12
- });
13
- const vuelessConfigFile = addTemplate({
14
- filename: "vueless-tailwind.config.mjs",
15
- write: true,
16
- getContents: async () => `
17
- import forms from "@tailwindcss/forms";
18
- import { getSafelist, vuelessTailwindConfig } from "vueless/preset-tailwind";
19
-
20
- export default {
21
- plugins: [forms({ strategy: "base" })],
22
- safelist: getSafelist(),
23
- ...vuelessTailwindConfig,
24
- }
25
- `
26
- });
27
- const configPaths = [vuelessConfigFile.dst, join(_nuxt.options.rootDir, "tailwind.config")];
28
- const { configPath = [], ...twModuleConfig } = _nuxt.options.tailwindcss ?? {};
29
- const userConfigPath = configPath;
30
- if (typeof userConfigPath === "string") {
31
- configPaths.push(userConfigPath);
32
- } else {
33
- configPaths.push(...userConfigPath);
34
- }
35
- await installModule("@nuxtjs/tailwindcss", defu({
36
- exposeConfig: true,
37
- configPath: configPaths
38
- }, twModuleConfig));
39
- }
6
+ import { createTailwindSafelist } from 'vueless/utils/node/tailwindSafelist.js';
40
7
 
41
8
  const module = defineNuxtModule({
42
9
  meta: {
@@ -53,14 +20,17 @@ const module = defineNuxtModule({
53
20
  async setup(_options, _nuxt) {
54
21
  const { resolve } = createResolver(import.meta.url);
55
22
  const { mirrorCacheDir, debug } = _options;
56
- _nuxt.options.build.transpile.push("vueless", "tailwindcss");
23
+ _nuxt.options.build.transpile.push("vueless");
57
24
  _nuxt.hook("vite:extendConfig", (config) => {
58
25
  config.plugins = config.plugins || [];
59
26
  config.plugins.push(
27
+ TailwindCSS(),
60
28
  Vueless({ mode: "nuxt-module", mirrorCacheDir, debug })
61
29
  );
62
30
  });
63
- await installTailwind(_nuxt);
31
+ await createTailwindSafelist({
32
+ targetFiles: getNuxtDirs()
33
+ });
64
34
  addPlugin(resolve("./runtime/plugin"));
65
35
  for (const componentName in COMPONENTS) {
66
36
  addComponent({
package/dist/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vueless/nuxt",
3
- "version": "0.0.8",
3
+ "version": "0.0.9-beta.1",
4
4
  "license": "MIT",
5
5
  "description": "Nuxt Styleless UI Component Library, powered by Tailwind CSS.",
6
6
  "keywords": [
@@ -43,6 +43,7 @@
43
43
  "dev:preview": "nuxi preview playground",
44
44
  "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
45
45
  "prepack": "nuxt-module-build build && cp package.json LICENSE README.md dist/",
46
+ "release:beta": "release-it --ci --npm.publish --preRelease=beta --increment=prerelease",
46
47
  "release:patch": "release-it patch --ci --npm.publish",
47
48
  "release:minor": "release-it minor --ci --npm.publish --git.tag --github.release",
48
49
  "release:major": "release-it major --ci --npm.publish --git.tag --github.release",
@@ -55,13 +56,12 @@
55
56
  },
56
57
  "dependencies": {
57
58
  "@nuxt/kit": "^3.13.1",
58
- "@nuxtjs/tailwindcss": "^6.12.1",
59
- "defu": "^6.1.4",
60
- "pathe": "^1.1.2",
61
- "vueless": "0.0.823"
59
+ "@tailwindcss/vite": "^4.0.14",
60
+ "tailwindcss": "^4.0.14",
61
+ "vueless": "^0.0.825-beta.7"
62
62
  },
63
63
  "devDependencies": {
64
- "@material-symbols/svg-500": "^0.25.0",
64
+ "@material-symbols/svg-500": "^0.29.1",
65
65
  "@nuxt/devtools": "^1.4.1",
66
66
  "@nuxt/eslint-config": "^0.5.7",
67
67
  "@nuxt/module-builder": "^0.8.4",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vueless/nuxt",
3
- "version": "0.0.8",
3
+ "version": "0.0.9-beta.1",
4
4
  "license": "MIT",
5
5
  "description": "Nuxt Styleless UI Component Library, powered by Tailwind CSS.",
6
6
  "keywords": [
@@ -43,6 +43,7 @@
43
43
  "dev:preview": "nuxi preview playground",
44
44
  "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
45
45
  "prepack": "nuxt-module-build build && cp package.json LICENSE README.md dist/",
46
+ "release:beta": "release-it --ci --npm.publish --preRelease=beta --increment=prerelease",
46
47
  "release:patch": "release-it patch --ci --npm.publish",
47
48
  "release:minor": "release-it minor --ci --npm.publish --git.tag --github.release",
48
49
  "release:major": "release-it major --ci --npm.publish --git.tag --github.release",
@@ -55,13 +56,12 @@
55
56
  },
56
57
  "dependencies": {
57
58
  "@nuxt/kit": "^3.13.1",
58
- "@nuxtjs/tailwindcss": "^6.12.1",
59
- "defu": "^6.1.4",
60
- "pathe": "^1.1.2",
61
- "vueless": "0.0.823"
59
+ "@tailwindcss/vite": "^4.0.14",
60
+ "tailwindcss": "^4.0.14",
61
+ "vueless": "^0.0.825-beta.7"
62
62
  },
63
63
  "devDependencies": {
64
- "@material-symbols/svg-500": "^0.25.0",
64
+ "@material-symbols/svg-500": "^0.29.1",
65
65
  "@nuxt/devtools": "^1.4.1",
66
66
  "@nuxt/eslint-config": "^0.5.7",
67
67
  "@nuxt/module-builder": "^0.8.4",