chore: transform to module

Author: benjamincanac

README.md

@@ -1,31 +1,45 @@
 {
-  "name": "nuxt-app",
+  "name": "nuxt-ui3",
   "private": true,
   "type": "module",
+  "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": {
-    "build": "nuxt build",
-    "dev": "nuxt dev",
-    "generate": "nuxt generate",
-    "preview": "nuxt preview",
-    "postinstall": "nuxt prepare",
-    "lint": "eslint ."
+    "prepack": "nuxt-module-build build",
+    "dev": "nuxi dev playground",
+    "dev:build": "nuxi build playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
+    "lint": "eslint .",
+    "typecheck": "vue-tsc --noEmit"
   },
-  "devDependencies": {
-    "@nuxt/eslint-config": "^0.2.0",
+  "dependencies": {
     "@nuxt/kit": "^3.10.3",
+    "@nuxtjs/tailwindcss": "^6.11.4",
     "autoprefixer": "^10.4.18",
     "defu": "^6.1.4",
-    "eslint": "^8.57.0",
-    "nuxt": "npm:nuxt-nightly@pr-26085",
+    "nuxt-icon": "^0.6.8",
     "postcss": "^8.4.35",
     "radix-vue": "^1.4.9",
     "tailwind-variants": "^0.2.0",
-    "tailwindcss": "^3.4.1",
-    "vue": "^3.4.21",
-    "vue-router": "^4.3.0",
-    "vue-tsc": "^2.0.5"
+    "tailwindcss": "^3.4.1"
   },
-  "dependencies": {
-    "ohash": "^1.1.3"
+  "devDependencies": {
+    "@nuxt/eslint-config": "^0.2.0",
+    "@nuxt/module-builder": "^0.5.5",
+    "@nuxt/schema": "^3.10.3",
+    "eslint": "^8.57.0",
+    "nuxt": "npm:nuxt-nightly@pr-26085",
+    "ohash": "^1.1.3",
+    "vue-tsc": "^2.0.5"
   }
 }

app.vue

@@ -0,0 +1,7 @@
+<template>
+  <div class="max-w-7xl mx-auto py-24">
+    <UButton color="green" truncate icon="i-heroicons-rocket-launch">
+      Click
+    </UButton>
+  </div>
+</template>

assets/css/main.css

@@ -1,11 +1,5 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   devtools: { enabled: true },
-  css: ['~/assets/css/main.css'],
-  postcss: {
-    plugins: {
-      tailwindcss: {},
-      autoprefixer: {}
-    }
-  }
+  modules: ['../src/module']
 })

package.json

@@ -0,0 +1,4 @@
+import type { Config } from 'tailwindcss'
+
+export default <Partial<Config>>{
+}

app.config.ts playground/app.config.tsapp.config.ts renamed to playground/app.config.ts

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