chore: transform to module

playground/app.config.ts

@@ -0,0 +1,12 @@
+export default defineAppConfig({
+  ui: {
+    button: {
+      base: 'font-semibold',
+      variants: {
+        color: {
+          pink: 'bg-pink-500 text-white'
+        }
+      }
+    }
+  }
+})

playground/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>

playground/nuxt.config.ts

@@ -0,0 +1,5 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  devtools: { enabled: true },
+  modules: ['../src/module']
+})

playground/tailwind.config.ts

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

playground/tsconfig.json

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