@duonghieu0712z/create-tauri-vue-template 0.0.17 → 0.0.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duonghieu0712z/create-tauri-vue-template",
-  "version": "0.0.17",
+  "version": "0.0.20",
   "description": "Create a Tauri 2 + Vue 3 desktop app from the tauri-vue-template starter.",
   "repository": {
     "type": "git",

package/template/.editorconfig

@@ -1,4 +1,6 @@
-[*.{js,jsx,mjs,cjs,ts,tsx,mts,cts,vue,css,scss,sass,less,styl,html}]
+root = true
+
+[*]
 charset = utf-8
 end_of_line = lf
 indent_size = 4
@@ -6,3 +8,9 @@ indent_style = space
 insert_final_newline = true
 max_line_length = 100
 trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[*.{yml,yaml}]
+indent_size = 2

package/template/.github/workflows/code-quality.yml

@@ -11,7 +11,7 @@ permissions:
   contents: read
 
 jobs:
-  frontend:
+  frontend-quality:
     runs-on: ubuntu-latest
 
     steps:
@@ -50,7 +50,7 @@ jobs:
       - name: Check types
         run: pnpm type-check
 
-  rust:
+  tauri-quality:
     runs-on: ubuntu-latest
 
     steps:

package/template/lint-staged.config.js

@@ -1,5 +1,36 @@
+import picomatch from 'picomatch';
+
+const ignorePatterns = ['src/generated/**'];
+
+const isIgnored = picomatch(ignorePatterns, { dot: true });
+
+const normalizePath = (file) => {
+    const path = file.replaceAll('\\', '/');
+    const cwd = process.cwd().replaceAll('\\', '/');
+
+    return path.startsWith(`${cwd}/`) ? path.slice(cwd.length + 1) : path;
+};
+
+const shouldIgnore = (file) => isIgnored(normalizePath(file));
+
+const filterFiles = (files) => files.filter((file) => !shouldIgnore(file));
+
+const quotePath = (file) => `"${file.replaceAll('"', '\\"')}"`;
+
+const createCommand = (command, files) => `${command} ${files.map(quotePath).join(' ')}`;
+
 export default {
-    '*.{js,ts,tsx,vue,html,css,json,yml,yaml}': ['oxfmt --no-error-on-unmatched-pattern'],
-    '*.{js,ts,tsx,vue}': ['oxlint --fix', 'eslint --fix'],
+    '*.{js,ts,tsx,vue,html,css,json,yml,yaml}': (files) => {
+        const filtered = filterFiles(files);
+        return filtered.length > 0
+            ? [createCommand('oxfmt --no-error-on-unmatched-pattern', filtered)]
+            : [];
+    },
+    '*.{js,ts,tsx,vue}': (files) => {
+        const filtered = filterFiles(files);
+        return filtered.length > 0
+            ? [createCommand('oxlint --fix', filtered), createCommand('eslint --fix', filtered)]
+            : [];
+    },
     '*.rs': () => ['cargo +nightly fmt --manifest-path src-tauri/Cargo.toml'],
 };

package/template/package.json

@@ -51,6 +51,7 @@
         "npm-run-all2": "^9.0.1",
         "oxfmt": "^0.51.0",
         "oxlint": "^1.66.0",
+        "picomatch": "^4.0.4",
         "tailwindcss": "^4.3.0",
         "tw-animate-css": "^1.4.0",
         "typescript": "~6.0.3",

package/template/pnpm-lock.yaml

@@ -78,6 +78,9 @@ importers:
       oxlint:
         specifier: ^1.66.0
         version: 1.66.0
+      picomatch:
+        specifier: ^4.0.4
+        version: 4.0.4
       tailwindcss:
         specifier: ^4.3.0
         version: 4.3.0

package/template/src/styles/globals.css

@@ -9,28 +9,8 @@
     --font-ui: 'Geist', var(--font-sans);
 }
 
-@layer base {
-    * {
-        @apply border-border outline-ring/50;
-    }
-
-    html {
-        font-synthesis: none;
-        text-rendering: optimizeLegibility;
-        -webkit-text-size-adjust: 100%;
-    }
-
-    body {
-        @apply bg-background text-foreground font-ui cursor-default antialiased select-none;
-    }
-
-    button:not(:disabled),
-    [role='button']:not(:disabled) {
-        @apply cursor-pointer;
-    }
-}
-
 @theme inline {
+    --font-heading: var(--font-sans);
     --color-sidebar-ring: var(--sidebar-ring);
     --color-sidebar-border: var(--sidebar-border);
     --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
@@ -136,3 +116,45 @@
     --sidebar-border: oklch(1 0 0 / 10%);
     --sidebar-ring: oklch(0.556 0 0);
 }
+
+@layer base {
+    * {
+        @apply border-border outline-ring/50;
+    }
+
+    html,
+    body,
+    #app {
+        @apply h-full w-full overflow-hidden overscroll-none;
+    }
+
+    html {
+        font-synthesis: none;
+        text-rendering: optimizeLegibility;
+        -webkit-text-size-adjust: 100%;
+    }
+
+    body {
+        @apply bg-background text-foreground font-ui;
+        @apply cursor-default antialiased select-none;
+    }
+
+    button:not(:disabled),
+    [role='button']:not(:disabled) {
+        @apply cursor-pointer;
+    }
+
+    input {
+        @apply appearance-none [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none;
+    }
+}
+
+@layer utilities {
+    .scrollbar {
+        @apply [&::-webkit-scrollbar]:w-1.5;
+        @apply [&::-webkit-scrollbar-track]:bg-transparent;
+        @apply [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:border;
+        @apply [&::-webkit-scrollbar-thumb]:border-transparent [&::-webkit-scrollbar-thumb]:bg-clip-content;
+        @apply [&::-webkit-scrollbar-thumb]:bg-input [&::-webkit-scrollbar-thumb:hover]:bg-ring;
+    }
+}

package/template/vite.config.ts

@@ -15,8 +15,15 @@ export default defineConfig(async () => ({
         vue(),
         tailwindcss(),
         vueDevTools(),
-        AutoImport({ imports: ['vue'], dts: 'src/generated/auto-import.d.ts', vueTemplate: true }),
-        Components({ dirs: ['src/components'], dts: 'src/generated/components.d.ts' }),
+        AutoImport({
+            imports: ['vue'],
+            dts: 'src/generated/auto-import.d.ts',
+            vueTemplate: true,
+        }),
+        Components({
+            dirs: ['src/components'],
+            dts: 'src/generated/components.d.ts',
+        }),
     ],
     resolve: {
         alias: {