@vueless/nuxt 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 vuelessjs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,39 @@
+# Vueless Nuxt Module
+
+[![npm version][npm-version-src]][npm-version-href]
+[![npm downloads][npm-downloads-src]][npm-downloads-href]
+[![License][license-src]][license-href]
+[![Nuxt][nuxt-src]][nuxt-href]
+
+## Quick Setup
+
+1. Add `@vueless/module-nuxt` dependency to your project
+
+```bash
+npx nuxi@latest module add vueless
+```
+
+2. Add `@vueless/module-nuxt` to the `modules` section of `nuxt.config.{ts,js}`
+
+```js
+{
+  modules: [
+    '@vueless/module-nuxt'
+  ]
+}
+```
+
+That's it! You can now use `@vueless/module-nuxt` in your Nuxt app ✨
+
+<!-- Badges -->
+[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=020420&colorB=00DC82
+[npm-version-href]: https://npmjs.com/package/my-module
+
+[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=020420&colorB=00DC82
+[npm-downloads-href]: https://npmjs.com/package/my-module
+
+[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=020420&colorB=00DC82
+[license-href]: https://npmjs.com/package/my-module
+
+[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
+[nuxt-href]: https://nuxt.com

package/dist/module.cjs

@@ -0,0 +1,5 @@
+module.exports = function(...args) {
+  return import('./module.mjs').then(m => m.default.call(this, ...args))
+}
+const _meta = module.exports.meta = require('./module.json')
+module.exports.getMeta = () => Promise.resolve(_meta)

package/dist/module.d.mts

@@ -0,0 +1,5 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+declare const _default: _nuxt_schema.NuxtModule<_nuxt_schema.ModuleOptions, _nuxt_schema.ModuleOptions, false>;
+
+export { _default as default };

package/dist/module.d.ts

@@ -0,0 +1,5 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+declare const _default: _nuxt_schema.NuxtModule<_nuxt_schema.ModuleOptions, _nuxt_schema.ModuleOptions, false>;
+
+export { _default as default };

package/dist/module.json

@@ -0,0 +1,12 @@
+{
+  "name": "@vueless/nuxt",
+  "configKey": "vueless",
+  "compatibility": {
+    "nuxt": ">=3.13.0"
+  },
+  "version": "0.0.1",
+  "builder": {
+    "@nuxt/module-builder": "0.8.4",
+    "unbuild": "2.0.0"
+  }
+}

package/dist/module.mjs

@@ -0,0 +1,69 @@
+import { addTemplate, installModule, useNuxt, defineNuxtModule, createResolver, addPlugin, addComponent, addImportsDir } from '@nuxt/kit';
+import { COMPONENTS } from 'vueless/constants.js';
+import { Vueless } from 'vueless/plugin-vite.js';
+import { createTailwindSafelist } from 'vueless/utils/node/tailwindSafelist.js';
+import { getNuxtFiles } from 'vueless/utils/node/helper.js';
+import { join } from 'pathe';
+import { defu } from 'defu';
+
+async function installTailwind(_nuxt = useNuxt()) {
+  await createTailwindSafelist({
+    targetFiles: getNuxtFiles()
+  });
+  const vuelessConfigFile = addTemplate({
+    filename: "vueless-tailwind.config.mjs",
+    write: true,
+    getContents: async () => `
+      import forms from "@tailwindcss/forms";
+      import { getSafelist, vuelessTailwindConfig } from "vueless/preset-tailwind.js";
+
+      export default {
+        plugins: [forms],
+        safelist: getSafelist(),
+        ...vuelessTailwindConfig,
+      }
+    `
+  });
+  const configPaths = [vuelessConfigFile.dst, join(_nuxt.options.rootDir, "tailwind.config")];
+  const { configPath: userConfigPath = [], ...twModuleConfig } = _nuxt.options.tailwindcss ?? {};
+  if (typeof userConfigPath === "string") {
+    configPaths.push(userConfigPath);
+  } else {
+    configPaths.push(...userConfigPath);
+  }
+  await installModule("@nuxtjs/tailwindcss", defu({
+    exposeConfig: true,
+    configPath: configPaths
+  }, twModuleConfig));
+}
+
+const module = defineNuxtModule({
+  meta: {
+    name: "@vueless/nuxt",
+    configKey: "vueless",
+    compatibility: {
+      nuxt: ">=3.13.0"
+    }
+  },
+  defaults: {},
+  async setup(_options, _nuxt) {
+    const { resolve } = createResolver(import.meta.url);
+    _nuxt.options.build.transpile.push("vueless", "tailwindcss");
+    _nuxt.hook("vite:extendConfig", (config) => {
+      config.plugins = config.plugins || [];
+      config.plugins.push(Vueless({ mode: "nuxt-module" }));
+    });
+    await installTailwind(_nuxt);
+    addPlugin(resolve("./runtime/plugin"));
+    for (const componentName in COMPONENTS) {
+      await addComponent({
+        name: componentName,
+        filePath: `vueless/${COMPONENTS[componentName]}/${componentName}.vue`
+      });
+    }
+    addImportsDir("vueless/composables");
+    addImportsDir("vueless/utils");
+  }
+});
+
+export { module as default };

package/dist/runtime/plugin.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/dist/runtime/plugin.js

@@ -0,0 +1,16 @@
+import { createVueless, setTheme } from "vueless";
+import vClickOutside from "vueless/directives/clickOutside/vClickOutside";
+import vTooltip from "vueless/directives/tooltip/vTooltip";
+import { defineNuxtPlugin } from "#app";
+export default defineNuxtPlugin((_nuxtApp) => {
+  const vueless = createVueless();
+  _nuxtApp.vueApp.use(vueless, {});
+  _nuxtApp.vueApp.directive("clickOutside", vClickOutside);
+  _nuxtApp.vueApp.directive("tooltip", vTooltip);
+  if (import.meta.server) {
+    const themeRootVariables = setTheme();
+    _nuxtApp.ssrContext?.head.push({
+      style: [{ innerHTML: themeRootVariables }]
+    });
+  }
+});

package/dist/runtime/server/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../../../.nuxt/tsconfig.server.json",
+}

package/dist/types.d.mts

@@ -0,0 +1,7 @@
+import type { NuxtModule } from '@nuxt/schema'
+
+import type { default as Module } from './module.js'
+
+export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
+
+export { default } from './module.js'

package/dist/types.d.ts

@@ -0,0 +1,7 @@
+import type { NuxtModule } from '@nuxt/schema'
+
+import type { default as Module } from './module'
+
+export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
+
+export { default } from './module'

package/package.json

@@ -0,0 +1,86 @@
+{
+  "name": "@vueless/nuxt",
+  "version": "0.0.1",
+  "license": "MIT",
+  "description": "Nuxt Styleless UI Component Library, powered by Tailwind CSS.",
+  "keywords": [
+    "vueless",
+    "nuxt",
+    "nuxt.js",
+    "nuxt3",
+    "ui library",
+    "component library",
+    "nuxt framework",
+    "design system",
+    "tailwind",
+    "tailwindcss",
+    "unstyled",
+    "styleless",
+    "headlessui",
+    "ui"
+  ],
+  "homepage": "https://vueless.com",
+  "author": "Johnny Grid",
+  "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/module.mjs",
+      "require": "./dist/module.cjs"
+    }
+  },
+  "main": "./dist/module.cjs",
+  "types": "./dist/types.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "nuxi dev playground",
+    "dev:build": "nuxi build playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
+    "prepack": "nuxt-module-build build",
+    "release:patch": "release-it patch --ci --npm.publish",
+    "release:minor": "release-it minor --ci --npm.publish --git.tag --github.release",
+    "release:major": "release-it major --ci --npm.publish --git.tag --github.release",
+    "lint": "eslint .",
+    "lint:ci": "eslint --no-fix --max-warnings=0",
+    "test": "vitest run",
+    "test:watch": "vitest watch",
+    "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit",
+    "install": "npx nuxi prepare"
+  },
+  "dependencies": {
+    "@nuxt/kit": "^3.13.1",
+    "@nuxtjs/tailwindcss": "^6.12.1",
+    "defu": "^6.1.4",
+    "pathe": "^1.1.2",
+    "vueless": "^0.0.481"
+  },
+  "devDependencies": {
+    "@material-symbols/svg-500": "^0.25.0",
+    "@nuxt/devtools": "^1.4.1",
+    "@nuxt/eslint-config": "^0.5.7",
+    "@nuxt/module-builder": "^0.8.4",
+    "@nuxt/schema": "^3.13.2",
+    "@nuxt/test-utils": "^3.14.1",
+    "@types/node": "latest",
+    "changelogen": "^0.5.5",
+    "eslint": "^9.12.0",
+    "nuxt": "^3.13.2",
+    "release-it": "^17.6.0",
+    "typescript": "latest",
+    "vitest": "^2.0.5",
+    "vue-tsc": "^2.1.6"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vuelessjs/vueless-module-nuxt.git"
+  },
+  "bugs": {
+    "url": "https://github.com/vuelessjs/vueless-module-nuxt/issues"
+  },
+  "web-types": "./node_modules/vueless/web-types.json"
+}