feat: pkg

JasKang · Sep 21, 2023 · ca49950 · ca49950
1 parent 3b37a9a
commit ca49950
Show file tree

Hide file tree

Showing 13 changed files with 48 additions and 45 deletions.
diff --git a/package.json b/package.json
@@ -8,7 +8,7 @@
     "dev": "pnpm --filter docs dev",
     "docs:build": "pnpm --filter docs build",
     "docs:preview": "pnpm --filter docs preview",
-    "build": "pnpm --filter docs preview"
+    "build": "pnpm --filter @zonda/vue build"
   },
   "dependencies": {
     "@floating-ui/vue": "^1.0.2",
@@ -37,6 +37,7 @@
     "prettier": "^3.0.3",
     "prettier-plugin-tailwindcss": "^0.5.4",
     "rimraf": "^5.0.1",
+    "sass": "^1.68.0",
     "tailwindcss": "^3.3.3",
     "typescript": "^5.2.2",
     "vite": "^4.4.9",

diff --git a/packages/vue/postcss.config.cjs b/packages/vue/postcss.config.cjs
@@ -1,3 +1,4 @@
 module.exports = {
   'postcss-nested': {},
+  autoprefixer: {},
 }
diff --git a/packages/vue/src/components/Button/index.tsx b/packages/vue/src/components/Button/index.tsx
@@ -1,5 +1,3 @@
-import './button.css'
-
 import {
   type ComponentObjectPropsOptions,
   computed,

diff --git a/packages/vue/src/components/Switch/index.tsx b/packages/vue/src/components/Switch/index.tsx
@@ -1,5 +1,3 @@
-import './switch.css'
-
 import {
   defineComponent,
   type ExtractPropTypes,

diff --git a/packages/vue/src/index.ts b/packages/vue/src/index.ts
@@ -1,4 +1,4 @@
-import './styles/base.css'
+import './styles/_index.scss'
 
 import type { Plugin } from 'vue'
 

diff --git a/packages/vue/src/styles/_index.scss b/packages/vue/src/styles/_index.scss
@@ -0,0 +1,4 @@
+@import './var.scss';
+@import './button.scss';
+@import './switch.scss';
+@import './breadcrumb.scss';
diff --git a/packages/vue/src/styles/base.css → packages/vue/src/styles/_var.scss b/packages/vue/src/styles/base.css → packages/vue/src/styles/_var.scss
@@ -1,5 +1,3 @@
-@layer reset, base, tokens, recipes, utilities;
-
 :root {
   --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);

diff --git a/packages/vue/src/styles/index.ts → packages/vue/src/styles/breadcrumb.scss b/packages/vue/src/styles/index.ts → packages/vue/src/styles/breadcrumb.scss
diff --git a/...ages/vue/src/components/Button/button.css → packages/vue/src/styles/button.scss b/...ages/vue/src/components/Button/button.css → packages/vue/src/styles/button.scss
diff --git a/...ages/vue/src/components/Switch/switch.css → packages/vue/src/styles/switch.scss b/...ages/vue/src/components/Switch/switch.css → packages/vue/src/styles/switch.scss
diff --git a/packages/vue/tsconfig.json b/packages/vue/tsconfig.json
@@ -1,4 +1,9 @@
 {
   "extends": "@jaskang/config/tsconfig.vue.json",
+  "compilerOptions": {
+    "paths": {
+      "@": ["./src"]
+    }
+  },
   "include": ["src"]
 }
diff --git a/packages/vue/vite.config.ts b/packages/vue/vite.config.ts
@@ -7,6 +7,9 @@ import { defineConfig } from 'vite'
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [vue(), vueJsx()],
+  css: {
+    transformer: 'postcss',
+  },
   build: {
     lib: {
       entry: 'src/index.ts',

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml