Merge pull request #12 from ackzell/#8-unocss-shadcn-vue

#8 unocss shadcn vue

Author: ackzell

components.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://shadcn-vue.com/schema.json",
+  "style": "new-york",
+  "typescript": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/styles/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "composables": "@/composables",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib"
+  },
+  "iconLibrary": "lucide"
+}

eslint.config.ts

@@ -16,7 +16,7 @@ export default antfu({
   ],
 }, {
   // Additional config for more specific rules
-  files: ['**/*.vue', '**/*.ts', '**/*.tsx', '**/*.js'],
+  files: ['**/*.ts', '**/*.vue', '**/*.tsx', '**/*.js'],
   rules: {
     // TypeScript unused vars with underscore ignore pattern
     '@typescript-eslint/no-unused-vars': [
@@ -30,10 +30,10 @@ export default antfu({
     // Vue template formatting
     'vue/max-attributes-per-line': [
       'warn', // Use 'warn' instead of 'error' for less strict enforcement
-      // {
-      //   singleline: 3,
-      //   multiline: 2,
-      // },
+      {
+        singleline: 4,
+        multiline: 4,
+      },
     ],
     'vue/first-attribute-linebreak': ['warn', {
       singleline: 'ignore',
@@ -47,5 +47,44 @@ export default antfu({
     'vue/custom-event-name-casing': ['error', 'kebab-case'],
     'node/prefer-global/process': ['warn'],
     'no-console': ['warn'],
+
+    'perfectionist/sort-imports': [
+      'error',
+      {
+        type: 'line-length',
+        order: 'desc',
+        groups: [
+          'side-effect', // CSS imports first
+          'builtin',
+          'external',
+          'internal-type',
+          'internal',
+          ['parent-type', 'sibling-type', 'index-type'],
+          ['parent', 'sibling', 'index'],
+          'object',
+          'unknown',
+        ],
+      },
+    ],
+
+    'import/consistent-type-specifier-style': ['error', 'prefer-top-level'],
+
+    'style/object-curly-newline': ['error', {
+      ImportDeclaration: {
+        multiline: true,
+        minProperties: 3,
+      },
+
+    }],
+  },
+}, {
+  files: ['**/*.vue'],
+  rules: {
+    // ... your other rules
+
+    // Catch undefined components
+    'vue/no-undef-components': ['error', {
+      ignorePatterns: ['router-link', 'router-view'], // Ignore global components
+    }],
   },
 });

index.html

@@ -7,12 +7,12 @@
     <title>Vue live playground</title>
 
      <script>
-      const savedPreferDark = localStorage.getItem(
-        'vue-sfc-playground-prefer-dark',
+      const savedTheme = localStorage.getItem(
+        'yehyecoa-vue-theme',
       )
       if (
-        savedPreferDark === 'true' ||
-        (!savedPreferDark &&
+        savedTheme === 'dark' ||
+        (!savedTheme &&
           window.matchMedia('(prefers-color-scheme: dark)').matches)
       ) {
         document.documentElement.classList.add('dark')

package.json

@@ -22,8 +22,19 @@
     "serve": "node dist/server.js"
   },
   "dependencies": {
+    "@iconify-json/carbon": "^1.2.13",
+    "@iconify-json/mynaui": "^1.2.16",
+    "@unocss/reset": "^66.4.2",
     "@vue/repl": "^4.6.3",
     "@vueuse/core": "^13.6.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-vue-next": "^0.541.0",
+    "reka-ui": "^2.4.1",
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss": "^4.1.12",
+    "tw-animate-css": "^1.3.7",
+    "vaul-vue": "^0.4.1",
     "vue": "^3.5.18"
   },
   "devDependencies": {
@@ -36,10 +47,13 @@
     "@vue/tsconfig": "^0.7.0",
     "eslint": "^9.31.0",
     "eslint-plugin-vue": "~10.3.0",
+    "floating-vue": "^5.2.2",
     "jiti": "^2.4.2",
     "npm-run-all2": "^8.0.4",
     "prettier": "3.6.2",
     "typescript": "~5.8.0",
+    "unocss": "^66.4.2",
+    "unocss-preset-shadcn": "^0.5.0",
     "vite": "^7.0.6",
     "vite-plugin-vue-devtools": "^8.0.0",
     "vue-tsc": "^3.0.4"