chore: unocss to tailwindcss

oku-ui · Jul 9, 2023 · 1cee864 · 1cee864
1 parent 6addaca
commit 1cee864
Show file tree

Hide file tree

Showing 12 changed files with 584 additions and 130 deletions.
diff --git a/playground/nuxt3/nuxt.config.ts b/playground/nuxt3/nuxt.config.ts
@@ -5,7 +5,7 @@ import { resolve } from 'pathe'
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   modules: [
-    '@unocss/nuxt',
+    '@nuxtjs/tailwindcss',
     async () => {
       const components = globbySync('../../packages/components/**/src/stories/*.@(vue)')
       if (components.length > 0) {
@@ -16,7 +16,4 @@ export default defineNuxtConfig({
       }
     },
   ],
-  css: [
-    '@unocss/reset/tailwind.css',
-  ],
 })
diff --git a/playground/nuxt3/package.json b/playground/nuxt3/package.json
@@ -19,8 +19,8 @@
     "@oku-ui/separator": "workspace:^"
   },
   "devDependencies": {
+    "@nuxtjs/tailwindcss": "^6.8.0",
     "@types/node": "^18.16.19",
-    "@unocss/nuxt": "^0.53.5",
     "nuxt": "^3.6.2"
   }
 }
diff --git a/playground/nuxt3/tailwind.config.js b/playground/nuxt3/tailwind.config.js
@@ -0,0 +1,10 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    '../../packages/**/src/**/*.vue',
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
diff --git a/playground/nuxt3/uno.config.ts b/playground/nuxt3/uno.config.ts
diff --git a/playground/vue3/package.json b/playground/vue3/package.json
@@ -24,7 +24,6 @@
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.2.3",
     "typescript": "^5.1.6",
-    "unocss": "^0.53.5",
     "unplugin-auto-import": "^0.16.6",
     "unplugin-vue-components": "^0.25.1",
     "vite": "^4.4.2",

diff --git a/playground/vue3/postcss.config.js b/playground/vue3/postcss.config.js
@@ -0,0 +1,8 @@
+export default {
+  plugins: {
+    'postcss-import': {},
+    'tailwindcss/nesting': {},
+    'tailwindcss': {},
+    'autoprefixer': {},
+  },
+}
diff --git a/playground/vue3/src/main.ts b/playground/vue3/src/main.ts
@@ -1,5 +1,3 @@
-import '@unocss/reset/tailwind.css'
-import 'virtual:uno.css'
 import { createRouter, createWebHistory } from 'vue-router'
 import { createApp } from 'vue'
 import App from './App.vue'

diff --git a/playground/vue3/src/style.css b/playground/vue3/src/style.css
@@ -1,3 +1,7 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
 body {
  @apply p-4
 }

diff --git a/playground/vue3/tailwind.config.js b/playground/vue3/tailwind.config.js
@@ -0,0 +1,12 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    './index.html',
+    './src/**/*.{js,ts,jsx,tsx,vue}',
+    '../../packages/**/src/**/*.vue',
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
diff --git a/playground/vue3/uno.config.ts b/playground/vue3/uno.config.ts
diff --git a/playground/vue3/vite.config.ts b/playground/vue3/vite.config.ts
@@ -1,7 +1,6 @@
 import { resolve } from 'node:path'
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
-import UnoCSS from 'unocss/vite'
 import Pages from 'vite-plugin-pages'
 
 import Components from 'unplugin-vue-components/vite'
@@ -11,7 +10,6 @@ import AutoImport from 'unplugin-auto-import/vite'
 export default defineConfig({
   plugins: [
     vue(),
-    UnoCSS(),
     Pages(),
     Components({
       dirs: [