@component-hook/create-app 1.0.4 → 1.1.0

package/template-vue/src/components.d.ts

@@ -1,14 +1,14 @@
-/* eslint-disable */
-// @ts-nocheck
-// Generated by unplugin-vue-components
-// Read more: https://github.com/vuejs/core/pull/3399
-export {}
-
-/* prettier-ignore */
-declare module 'vue' {
-  export interface GlobalComponents {
-    RouterLink: typeof import('vue-router')['RouterLink']
-    RouterView: typeof import('vue-router')['RouterView']
-    SvgIcon: typeof import('./components/common/SvgIcon.vue')['default']
-  }
-}
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    SvgIcon: typeof import('./components/common/SvgIcon.vue')['default']
+  }
+}

package/template-vue/src/locales/en-US.json

@@ -1,3 +1,3 @@
-{
-  "language": "English"
-}
+{
+  "language": "English"
+}

package/template-vue/src/locales/zh-TW.json

@@ -1,3 +1,3 @@
-{
-  "language": "中文"
-}
+{
+  "language": "中文"
+}

package/template-vue/src/main.ts

@@ -1,13 +1,13 @@
-import { createApp } from 'vue';
 import { createPinia } from 'pinia';
 import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';
-import 'virtual:svg-icons-register';
+import { createApp } from 'vue';
+import i18NPlugin from '@/plugins/i18n';
 
+import router from '@/router';
+import App from './App.vue';
+import 'virtual:svg-icons-register';
 import '@/styles/tailwind.postcss';
 import '@/styles/index.postcss';
-import App from './App.vue';
-import router from '@/router';
-import i18NPlugin from '@/plugins/i18n';
 
 if (process.env.NODE_ENV === 'mockServiceWorker') {
   const { worker } = await import('@/mocks/browser');

package/template-vue/src/styles/common/all.postcss

@@ -1 +1 @@
-@import './button.postcss';
+@import './button.postcss';

package/template-vue/src/styles/common/button.postcss

@@ -1,12 +1,12 @@
-button {
-  @apply
-  rounded-lg
-  p-2
-  border-[1px]
-  border-transparent
-  transition-[border-color]
-  duration-300
-  hover:border-[#646cff]
-  focus:outline-4
-  focus:outline-[-webkit-focus-ring-color];
-}
+button {
+  @apply
+  rounded-lg
+  p-2
+  border-[1px]
+  border-transparent
+  transition-[border-color]
+  duration-300
+  hover:border-[#646cff]
+  focus:outline-4
+  focus:outline-[-webkit-focus-ring-color];
+}

package/template-vue/src/styles/index.postcss

@@ -1 +1 @@
-@import './common/all.postcss';
+@import './common/all.postcss';

package/template-vue/src/styles/tailwind.postcss

@@ -1,39 +1,39 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-  :root {
-    font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
-    line-height: 1.5;
-    font-weight: 400;
-  
-    color-scheme: light dark;
-    color: rgba(255, 255, 255, 0.87);
-    background-color: #242424;
-  
-    font-synthesis: none;
-    text-rendering: optimizeLegibility;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    -webkit-text-size-adjust: 100%;
-  }
-  
-  body {
-    @apply m-0 flex place-items-center min-w-[320px] min-h-screen; 
-  }
-
-  #app {
-    @apply max-w-7xl mx-auto p-8 text-center;
-  }
-
-  a {
-    @apply font-medium text-[#646cff] decoration-inherit hover:text-[#535bf2];
-  }
-
-  @media (prefers-color-scheme: light) {
-    :root {
-      @apply bg-white text-[#213547];
-    }
-  }
-}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+    line-height: 1.5;
+    font-weight: 400;
+  
+    color-scheme: light dark;
+    color: rgba(255, 255, 255, 0.87);
+    background-color: #242424;
+  
+    font-synthesis: none;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-text-size-adjust: 100%;
+  }
+  
+  body {
+    @apply m-0 flex place-items-center min-w-[320px] min-h-screen; 
+  }
+
+  #app {
+    @apply max-w-7xl mx-auto p-8 text-center;
+  }
+
+  a {
+    @apply font-medium text-[#646cff] decoration-inherit hover:text-[#535bf2];
+  }
+
+  @media (prefers-color-scheme: light) {
+    :root {
+      @apply bg-white text-[#213547];
+    }
+  }
+}

package/template-vue/src/vite-env.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="vite/client" />
-
-declare module '*.vue' {
-  import { DefineComponent } from 'vue';
-  const component: DefineComponent<any, {}, any>;
-  export default component;
-}
-
-interface ImportMetaEnv extends Readonly<Record<string, string>> {
-  readonly VITE_APP_VERSION: string;
-  readonly VITE_APP_BUILD_EPOCH?: string;
-}
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import { DefineComponent } from 'vue';
+  const component: DefineComponent<any, {}, any>;
+  export default component;
+}
+
+interface ImportMetaEnv extends Readonly<Record<string, string>> {
+  readonly VITE_APP_VERSION: string;
+  readonly VITE_APP_BUILD_EPOCH?: string;
+}

package/template-vue/tsconfig.app.json

@@ -1,13 +1,13 @@
-{
-  "extends": "@vue/tsconfig/tsconfig.dom.json",
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
-  "exclude": ["src/**/__tests__/*"],
-  "compilerOptions": {
-    "composite": true,
-    "noEmit": true,
-    "baseUrl": "./",
-    "paths": {
-      "@/*": ["src/*"]
-    }
-  }
-}
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "exclude": ["src/**/__tests__/*"],
+  "compilerOptions": {
+    "composite": true,
+    "noEmit": true,
+    "baseUrl": "./",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  }
+}

package/template-vue/tsconfig.json

@@ -1,14 +1,14 @@
-{
-  "files": [],
-  "references": [
-    {
-      "path": "./tsconfig.node.json"
-    },
-    {
-      "path": "./tsconfig.app.json"
-    },
-    {
-      "path": "./tsconfig.vitest.json"
-    }
-  ]
-}
+{
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    },
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.vitest.json"
+    }
+  ]
+}

package/template-vue/tsconfig.node.json

@@ -1,12 +1,12 @@
-{
-  "extends": "@tsconfig/node22/tsconfig.json",
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "types": ["node"]
-  },
-  "include": ["vite.config.ts", "package.json", "vitest.config.ts", "playwright.config.ts"]
-}
+{
+  "extends": "@tsconfig/node22/tsconfig.json",
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "types": ["node"]
+  },
+  "include": ["vite.config.ts", "package.json", "vitest.config.ts", "playwright.config.ts"]
+}

package/template-vue/tsconfig.vitest.json

@@ -1,8 +1,8 @@
-{
-  "extends": "./tsconfig.app.json",
-  "exclude": [],
-  "compilerOptions": {
-    "composite": true,
-    "types": ["node", "vitest/globals"]
-  }
-}
+{
+  "extends": "./tsconfig.app.json",
+  "exclude": [],
+  "compilerOptions": {
+    "composite": true,
+    "types": ["node", "vitest/globals"]
+  }
+}

package/template-vue/vite.config.ts

@@ -1,11 +1,11 @@
-import { fileURLToPath, URL } from 'node:url';
 import { dirname, resolve } from 'node:path';
-import { defineConfig } from 'vite';
+import { fileURLToPath, URL } from 'node:url';
+import vueI18nPlugin from '@intlify/unplugin-vue-i18n/vite';
 import vue from '@vitejs/plugin-vue';
+import { visualizer } from 'rollup-plugin-visualizer';
 import Components from 'unplugin-vue-components/vite';
-import vueI18nPlugin from '@intlify/unplugin-vue-i18n/vite';
+import { defineConfig } from 'vite';
 import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
-import { visualizer } from 'rollup-plugin-visualizer';
 import packageJson from './package.json' with { type: 'json' };
 
 process.env.VITE_APP_VERSION = packageJson.version;

package/template-vue/vitest.config.ts

@@ -1,6 +1,6 @@
 /// <reference types="vitest" />
 import { fileURLToPath, URL } from 'node:url';
-import { mergeConfig, defineConfig } from 'vitest/config';
+import { defineConfig, mergeConfig } from 'vitest/config';
 import viteConfig from './vite.config';
 
 export default mergeConfig(