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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duonghieu0712z/create-tauri-vue-template",
-  "version": "0.0.17",
+  "version": "0.0.19",
   "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/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: {