From 7ce29e1b34b765ede9ec3c7527147d896d83d735 Mon Sep 17 00:00:00 2001 From: Rickey Date: Wed, 30 Apr 2025 17:35:42 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0eslint=20=E5=92=8C=20?= =?UTF-8?q?prettierrc?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .prettierrc | 8 + components.d.ts | 2 +- eslint.config.mjs | 28 + index.html | 2 +- package-lock.json | 2159 ----------- package.json | 19 +- pnpm-lock.yaml | 4483 +++++++++++++++++++--- postcss.config.mts => postcss.config.mjs | 0 src/App.vue | 33 +- src/components/ThemeSwitcher/index.vue | 24 +- src/main.ts | 4 +- src/stores/theme.ts | 9 +- tsconfig.json | 5 +- vite.config.ts | 6 +- 14 files changed, 3944 insertions(+), 2838 deletions(-) create mode 100644 .prettierrc create mode 100644 eslint.config.mjs delete mode 100644 package-lock.json rename postcss.config.mts => postcss.config.mjs (100%) diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 0000000..3c22e2b --- /dev/null +++ b/.prettierrc @@ -0,0 +1,8 @@ +{ + "trailingComma": "es5", + "tabWidth": 2, + "semi": true, + "printWidth": 120, + "bracketSameLine": false, + "plugins": ["prettier-plugin-organize-imports", "prettier-plugin-tailwindcss"] +} diff --git a/components.d.ts b/components.d.ts index 6bbae47..dcc5517 100644 --- a/components.d.ts +++ b/components.d.ts @@ -3,7 +3,7 @@ // Generated by unplugin-vue-components // Read more: https://github.com/vuejs/core/pull/3399 // biome-ignore lint: disable -export {} +export {}; /* prettier-ignore */ declare module 'vue' { diff --git a/eslint.config.mjs b/eslint.config.mjs new file mode 100644 index 0000000..1aa1d1c --- /dev/null +++ b/eslint.config.mjs @@ -0,0 +1,28 @@ +// eslint.config.mjs +import tsPlugin from "@typescript-eslint/eslint-plugin"; +import tsParser from "@typescript-eslint/parser"; +import vue from "eslint-plugin-vue"; +import vueParser from "vue-eslint-parser"; + +export default [ + { + files: ["**/*.ts", "**/*.vue"], + languageOptions: { + parser: vueParser, + parserOptions: { + parser: tsParser, // 关键点：解析 ` - - +const themeStore = useThemeStore(); +themeStore.initTheme(); +const a = ref("das"); +console.log(a); + diff --git a/src/components/ThemeSwitcher/index.vue b/src/components/ThemeSwitcher/index.vue index cba823a..6d269f0 100644 --- a/src/components/ThemeSwitcher/index.vue +++ b/src/components/ThemeSwitcher/index.vue @@ -1,21 +1,17 @@ \ No newline at end of file +const { isDark, toggleDark, setTheme } = useThemeStore(); + diff --git a/src/main.ts b/src/main.ts index dd42295..49e7cd5 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,6 +1,6 @@ -import { createApp } from "vue"; -import { createPinia } from "pinia"; import "@/assets/main.css"; +import { createPinia } from "pinia"; +import { createApp } from "vue"; import App from "./App.vue"; const pinia = createPinia(); diff --git a/src/stores/theme.ts b/src/stores/theme.ts index 433c07f..1422768 100644 --- a/src/stores/theme.ts +++ b/src/stores/theme.ts @@ -6,13 +6,8 @@ export const useThemeStore = defineStore("theme", () => { const themeClass = ref(""); // 主题色 class，比如 'theme-red' function initTheme() { - const systemPrefersDark = window.matchMedia( - "(prefers-color-scheme: dark)" - ).matches; - if ( - localStorage.theme === "dark" || - (!("theme" in localStorage) && systemPrefersDark) - ) { + const systemPrefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches; + if (localStorage.theme === "dark" || (!("theme" in localStorage) && systemPrefersDark)) { isDark.value = true; document.documentElement.classList.add("dark"); } else { diff --git a/tsconfig.json b/tsconfig.json index 1ffef60..d32ff68 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -1,7 +1,4 @@ { "files": [], - "references": [ - { "path": "./tsconfig.app.json" }, - { "path": "./tsconfig.node.json" } - ] + "references": [{ "path": "./tsconfig.app.json" }, { "path": "./tsconfig.node.json" }] } diff --git a/vite.config.ts b/vite.config.ts index aa61678..7f316c3 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -1,10 +1,10 @@ -import { defineConfig } from "vite"; -import vue from "@vitejs/plugin-vue"; import tailwindcss from "@tailwindcss/vite"; +import { VantResolver } from "@vant/auto-import-resolver"; +import vue from "@vitejs/plugin-vue"; import path from "path"; import AutoImport from "unplugin-auto-import/vite"; import Components from "unplugin-vue-components/vite"; -import { VantResolver } from "@vant/auto-import-resolver"; +import { defineConfig } from "vite"; // https://vite.dev/config/ export default defineConfig({