feat: implement tree-shaking

Author: quangtuanitmo18

@codexteam/ui/.gitignore

@@ -0,0 +1,23 @@
+# Dependencies
+node_modules/
+
+# Build output
+dist/
+
+# Logs
+*.log
+
+# Test app (internal testing only)
+test-app/
+
+# Editor
+.idea/
+.vscode/
+*.sw?
+
+# OS
+.DS_Store
+
+# Environment
+.env
+.env.local

@codexteam/ui/.npmignore

@@ -1,4 +1,5 @@
 dev/
+test-app/
 node_modules/
 src/
 *.log

@codexteam/ui/dev/index.html

@@ -10,7 +10,9 @@
   <script type="module">
     import { createApp } from 'vue';
     import { createRouter, createWebHashHistory } from 'vue-router';
+    import "../src/styles/fonts.pcss";
     import "../src/styles/index.pcss";
+    import "../src/styles/themes/index.pcss";
 
     import Playground from './Playground.vue';
     import routes from './routes';

@codexteam/ui/package.json

@@ -2,6 +2,10 @@
   "name": "@codexteam/ui",
   "version": "0.1.1",
   "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.pcss"
+  ],
   "scripts": {
     "dev": "vite",
     "build": "yarn build-src && yarn build-types",
@@ -17,12 +21,35 @@
   ],
   "exports": {
     "./vue": {
-      "import": {
-        "default": "./dist/vue.js"
-      }
+      "types": "./dist/types/vue/index.d.ts",
+      "import": "./dist/vue.js"
     },
     "./styles": {
-      "import": "./dist/styles.css"
+      "import": "./dist/style.css"
+    },
+    "./styles/themes/graphite": {
+      "import": "./dist/styles/themes/graphite.css"
+    },
+    "./styles/themes/crimson": {
+      "import": "./dist/styles/themes/crimson.css"
+    },
+    "./styles/themes/red": {
+      "import": "./dist/styles/themes/red.css"
+    },
+    "./styles/themes/violet": {
+      "import": "./dist/styles/themes/violet.css"
+    },
+    "./styles/themes/grass": {
+      "import": "./dist/styles/themes/grass.css"
+    },
+    "./styles/themes/amber": {
+      "import": "./dist/styles/themes/amber.css"
+    },
+    "./styles/themes/pure": {
+      "import": "./dist/styles/themes/pure.css"
+    },
+    "./styles/themes/sky": {
+      "import": "./dist/styles/themes/sky.css"
     }
   },
   "devDependencies": {

@codexteam/ui/src/styles/fonts.pcss

@@ -0,0 +1,2 @@
+@import url('../fonts/Inter/inter.css');
+@import url('../fonts/JetBrainsMono/JetBrainsMono.css');

@codexteam/ui/src/styles/index.pcss

@@ -1,4 +1,3 @@
-@import './themes/index.pcss';
 @import './dimensions.pcss';
 @import './typography.pcss';
 @import './mixins.pcss';

@codexteam/ui/src/styles/typography.pcss

@@ -1,5 +1,3 @@
-@import url('../fonts/Inter/inter.css');
-@import url('../fonts/JetBrainsMono/JetBrainsMono.css');
 
 /**
  * Fonts setup