chore: upgrade valaxy deps

Author: YunYouJun

.eslintrc

@@ -11,16 +11,37 @@
   "i18n-ally.keystyle": "nested",
   "i18n-ally.localesPaths": ["./locales"],
   "i18n-ally.sortKeys": true,
-  "prettier.enable": true,
-  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
-  },
   "files.associations": {
     "*.css": "postcss"
   },
-  "editor.formatOnSave": false,
   "[scss]": {
     "editor.formatOnSave": true
   },
-  "svg.preview.background": "editor"
+  "svg.preview.background": "editor",
+
+  // Enable the ESlint flat config support
+  "eslint.experimental.useFlatConfig": true,
+  // Disable the default formatter, use eslint instead
+  "prettier.enable": false,
+  "editor.formatOnSave": false,
+  // Auto fix
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "never"
+  },
+
+  // Enable eslint for all supported languages
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "jsonc",
+    "yaml",
+    "toml"
+  ]
 }

.vscode/settings.json

@@ -1,18 +1,19 @@
-[build.environment]
-  # bypass npm auto install
-  NPM_FLAGS = "--version"
-  NODE_VERSION = "16"
-
 [build]
-  publish = "dist"
-  command = "npx pnpm i --store=node_modules/.pnpm-store && npx pnpm run build"
+publish = "dist"
+command = "npx pnpm i --store=node_modules/.pnpm-store && npx pnpm run build"
+
+[build.environment]
+# bypass npm auto install
+NPM_FLAGS = "--version"
+NODE_VERSION = "16"
 
 [[redirects]]
-  from = "/*"
-  to = "/index.html"
-  status = 200
+from = "/*"
+to = "/index.html"
+status = 200
 
 [[headers]]
-  for = "/manifest.webmanifest"
-  [headers.values]
-    Content-Type = "application/manifest+json"
+for = "/manifest.webmanifest"
+
+[headers.values]
+Content-Type = "application/manifest+json"

demo/netlify.toml

@@ -1,4 +1,5 @@
 {
+  "type": "module",
   "private": true,
   "scripts": {
     "build": "npm run build:ssg && npm run rss",
@@ -9,11 +10,10 @@
     "serve": "vite preview"
   },
   "dependencies": {
-    "valaxy": "^0.14.6",
+    "valaxy": "^0.17.2",
     "valaxy-theme-gitlink": "link:../valaxy-theme-yun"
   },
   "devDependencies": {
-    "nodemon": "^2.0.20",
-    "vite-plugin-inspect": "^0.7.15"
+    "nodemon": "^3.0.3"
   }
 }

demo/package.json

@@ -30,7 +30,7 @@ You can click this button to toggle locales.
 > 此外还可使用 [crowdin](https://crowdin.com/) 平台辅助用户进行多语言翻译。
 
 但对于博客来说，这显然都很麻烦。
-当你需要 i18n 时，你不得不同时维护多个目录下的文章。  
+当你需要 i18n 时，你不得不同时维护多个目录下的文章。
 当文章间存在相同的示例时，你还需要维护相同的内容。非常不优雅。
 
 Valaxy 中，
@@ -52,7 +52,7 @@ Common i18n schemes are maintained separately using different paths (e.g. `/zh-C
 > In addition, the [crowdin](https://crowdin.com/) platform can be used to assist users with multilingual translations.
 
 But for blogs, this is obviously all a hassle.
-When you need i18n, you have to maintain articles in multiple directories at the same time.  
+When you need i18n, you have to maintain articles in multiple directories at the same time.
 You also have to maintain the same content when the same examples exist between articles.
 Very inelegant.
 
@@ -70,13 +70,12 @@ The large text sections of the article content section use a different CSS i18n
 配置 Vite Vue-i18n 插件 [@intlify/vite-plugin-vue-i18n](https://github.com/intlify/bundle-tools/tree/main/packages/vite-plugin-vue-i18n)：
 :::
 
-
 ::: en
 Config Vite Vue-i18n plugin [@intlify/vite-plugin-vue-i18n](https://github.com/intlify/bundle-tools/tree/main/packages/vite-plugin-vue-i18n)：
 :::
 
 ```ts
-import path from 'path'
+import path from 'node:path'
 import { defineConfig } from 'vite'
 import VueI18n from '@intlify/vite-plugin-vue-i18n'
 
@@ -180,7 +179,8 @@ And Vite's `import.meta.globEager` import must use a static string.
 ```ts {3}
 const messages = Object.fromEntries(
   Object.entries(
-    import.meta.globEager('../../locales/*.y(a)?ml'))
+    import.meta.globEager('../../locales/*.y(a)?ml')
+  )
     .map(([key, value]) => {
       const yaml = key.endsWith('.yaml')
       return [key.slice(14, yaml ? -5 : -4), value.default]
@@ -286,7 +286,7 @@ app.use(i18n)
 ::: zh-CN
 文章部分拥有大段的文本，而 `vue-i18n` 的场景则在于一些独立的字段翻译。
 
-而传统的分文件独立管理的方式，对于博客来说其实并不方便。  
+而传统的分文件独立管理的方式，对于博客来说其实并不方便。
 大多数情况，你并不会想专门建立一个文件夹来管理它。
 
 因此我尝试使用纯 CSS 解决该问题。
@@ -295,7 +295,7 @@ app.use(i18n)
 ::: en
 While the article section has large sections of text, the scenario of `vue-i18n` lies in some separate field translations.
 
-And the traditional way of managing them independently in separate files is not really convenient for blogs.  
+And the traditional way of managing them independently in separate files is not really convenient for blogs.
 In most cases, you don't want to create a dedicated folder to manage it.
 
 So I tried to solve the problem using pure CSS.
@@ -304,7 +304,7 @@ So I tried to solve the problem using pure CSS.
 <div lang="zh-CN">
 
 ::: tip 思路
-即借助 CSS 规则，根据对应语言，显示对应区块内容。  
+即借助 CSS 规则，根据对应语言，显示对应区块内容。
 大体方案：通过 [markdown-it-container](https://github.com/markdown-it/markdown-it-container) 设置 fence 预编译 Markdown，
 为需要进行 i18n 的段落包裹新的 `<div lang="zh-CN"></div>`，并使用 CSS 默认隐藏它们。
 当页面初始化或切换语言时，为 html 添加对应语言类，编写对应 CSS 以在该类下显示对应语言的区块。
@@ -315,7 +315,7 @@ So I tried to solve the problem using pure CSS.
 <div lang="en">
 
 ::: tip IDEA
-That is, with the help of CSS rules, the content of the corresponding block is displayed according to the corresponding language.  
+That is, with the help of CSS rules, the content of the corresponding block is displayed according to the corresponding language.
 The general solution: set fence to pre-compile Markdown via [markdown-it-container](https://github.com/markdown-it/markdown-it-container).
 Wrap new `<div lang="zh-CN"></div>`s for the paragraphs that need to be i18n and hide them by default with CSS.
 When the page initializes or switches languages, add the corresponding language class to html and write the corresponding CSS to display the corresponding language block under that class.
@@ -426,7 +426,7 @@ To be able to handle i18n with CSS, we use markdown-it-container's fence to wrap
 :::
 
 ```ts
-export const containerPlugin = (md: MarkdownIt) => {
+export function containerPlugin(md: MarkdownIt) {
   // ...
   const languages = ['zh-CN', 'en']
 
@@ -540,7 +540,7 @@ When switching languages, the following can be done.
 :::
 
 ```ts
-const toggleLocales = (lang: val) => {
+function toggleLocales(lang: val) {
   // ...
   // save locale
   localStorage.setItem('valaxy-locale', lang)

demo/pages/posts/i18n.md

@@ -1,18 +1,18 @@
 {
   "compilerOptions": {
-    "baseUrl": ".",
-    "module": "ESNext",
     "target": "ESNext",
-    "lib": ["DOM", "ESNext"],
-    "strict": true,
-    "esModuleInterop": true,
     "jsx": "preserve",
-    "skipLibCheck": true,
+    "lib": ["DOM", "ESNext"],
+    "baseUrl": ".",
+    "module": "ESNext",
     "moduleResolution": "node",
     "resolveJsonModule": true,
-    "noUnusedLocals": true,
+    "strict": true,
     "strictNullChecks": true,
-    "forceConsistentCasingInFileNames": true
+    "noUnusedLocals": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "skipLibCheck": true
   },
   "exclude": ["dist", "node_modules"]
 }

demo/tsconfig.json

@@ -1,9 +1,5 @@
 import { defineConfig } from 'vite'
+
 // import { VitePWA } from 'vite-plugin-pwa'
-// import Inspect from 'vite-plugin-inspect'
 
-export default defineConfig({
-  // https://github.com/antfu/vite-plugin-inspect
-  // Visit http://localhost:3333/__inspect/ to see the inspector
-  // plugins: [Inspect()],
-})
+export default defineConfig({})

demo/vite.config.ts

@@ -0,0 +1,3 @@
+import antfu from '@antfu/eslint-config'
+
+export default antfu()

eslint.config.js

@@ -1,6 +1,7 @@
 {
+  "type": "module",
   "private": true,
-  "packageManager": "pnpm@7.9.0",
+  "packageManager": "pnpm@8.14.1",
   "homepage": "https://valaxy.site",
   "scripts": {
     "build": "npm run build:demo",
@@ -13,12 +14,12 @@
     "typecheck": "vue-tsc --noEmit --skipLibCheck"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.35.1",
-    "bumpp": "^8.2.1",
-    "eslint": "^8.33.0",
-    "typescript": "^4.9.5",
-    "valaxy": "^0.14.6",
+    "@antfu/eslint-config": "^2.6.3",
+    "bumpp": "^9.3.0",
+    "eslint": "^8.56.0",
+    "typescript": "^5.3.3",
+    "valaxy": "^0.17.2",
     "valaxy-theme-gitlink": "workspace:*",
-    "vue-tsc": "^1.0.24"
+    "vue-tsc": "^1.8.27"
   }
 }