From 42456161ff1e57614c2d658b86e210426e71c053 Mon Sep 17 00:00:00 2001
From: CharleeWa <18888351756@163.com>
Date: Mon, 9 Dec 2024 20:43:53 +0800
Subject: [PATCH] feat: Support JSON5 (#136)

---
 .vscode/extensions.json             |  6 ++++--
 .vscode/settings.json               |  1 +
 README.md                           |  9 ++++++---
 README.zh-CN.md                     |  9 ++++++---
 src/pages/[...all].vue              | 12 ++++++------
 src/pages/charts/index.vue          | 12 ++++++------
 src/pages/counter/index.vue         | 12 ++++++------
 src/pages/forgot-password/index.vue | 10 +++++-----
 src/pages/index.vue                 | 12 ++++++------
 src/pages/keepalive/index.vue       | 14 +++++++-------
 src/pages/login/index.vue           | 10 +++++-----
 src/pages/mock/index.vue            | 12 ++++++------
 src/pages/profile/index.vue         | 12 ++++++------
 src/pages/register/index.vue        | 10 +++++-----
 src/pages/settings/index.vue        | 12 ++++++------
 src/pages/unocss/index.vue          | 12 ++++++------
 16 files changed, 87 insertions(+), 78 deletions(-)

diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index aee4216..a497cdf 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -3,8 +3,10 @@
     "Vue.volar",
     "antfu.unocss",
     "antfu.goto-alias",
-    "lokalise.i18n-ally",
     "antfu.iconify",
-    "antfu.file-nesting"
+    "antfu.file-nesting",
+    "lokalise.i18n-ally",
+    "blueglassblock.better-json5",
+    "dbaeumer.vscode-eslint"
   ]
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
index e77d0da..87c793c 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -33,6 +33,7 @@
     "html",
     "markdown",
     "json",
+    "json5",
     "jsonc",
     "yaml",
     "toml",
diff --git a/README.md b/README.md
index 86f8b2e..a3e1030 100644
--- a/README.md
+++ b/README.md
@@ -20,7 +20,7 @@ An mobile web apps template based on the Vue 3 ecosystem.
 
 [文档](https://easy-temps.github.io/easy-docs/vue3-vant-mobile/) / [交流](https://github.com/easy-temps/vue3-vant-mobile/issues/56) / [反馈](https://github.com/easy-temps/vue3-vant-mobile/issues)
 
-<a href="https://vue3-vant-mobile.netlify.app">Live Demo</a>
+<a href="https://vue3-vant-mobile.netlify.app">🖥 Live Demo</a>
 
 [![Netlify Status](https://api.netlify.com/api/v1/badges/e6828bd2-2904-4c3e-a67c-b97d32aa1275/deploy-status)](https://app.netlify.com/sites/vue3-vant-mobile/deploys)
 
@@ -114,11 +114,14 @@ An mobile web apps template based on the Vue 3 ecosystem.
 - [pnpm](https://pnpm.js.org/) - fast, disk space efficient package manager
 - [Netlify](https://www.netlify.com/) - zero-config deployment
 - [VS Code Extensions](./.vscode/extensions.json)
-  - [Vite](https://marketplace.visualstudio.com/items?itemName=antfu.vite) - Fire up Vite server automatically
   - [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) - Vue 3 `<script setup>` IDE support
+  - [Unocss](https://marketplace.visualstudio.com/items?itemName=antfu.unocss) - UnoCSS for VS Code
+  - [Goto Alias](https://marketplace.visualstudio.com/items?itemName=antfu.goto-alias) - Go to Definition following alias redirections
   - [Iconify IntelliSense](https://marketplace.visualstudio.com/items?itemName=antfu.iconify) - Icon inline display and autocomplete
+  - [File Nesting](https://marketplace.visualstudio.com/items?itemName=antfu.file-nesting) - Config of File Nesting for VS Code
   - [i18n Ally](https://marketplace.visualstudio.com/items?itemName=lokalise.i18n-ally) - All in one i18n support
-  - [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
+  - [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - Eslint support
+  - [Better JSON5](https://marketplace.visualstudio.com/items?itemName=blueglassblock.better-json5) - JSON5 support
 
 ## Try it now
 
diff --git a/README.zh-CN.md b/README.zh-CN.md
index b5dcca7..aec2105 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -20,7 +20,7 @@ An mobile web apps template based on the Vue 3 ecosystem.
 
 [文档](https://easy-temps.github.io/easy-docs/vue3-vant-mobile/) / [交流](https://github.com/easy-temps/vue3-vant-mobile/issues/56) / [反馈](https://github.com/easy-temps/vue3-vant-mobile/issues)
 
-<a href="https://vue3-vant-mobile.netlify.app">在线 Demo</a>
+<a href="https://vue3-vant-mobile.netlify.app">🖥 在线 Demo</a>
 
 [![Netlify Status](https://api.netlify.com/api/v1/badges/e6828bd2-2904-4c3e-a67c-b97d32aa1275/deploy-status)](https://app.netlify.com/sites/vue3-vant-mobile/deploys)
 
@@ -114,11 +114,14 @@ An mobile web apps template based on the Vue 3 ecosystem.
 - [pnpm](https://pnpm.js.org/) - 快, 节省磁盘空间的包管理器
 - [Netlify](https://www.netlify.com/) - 零配置的部署
 - [VS Code Extensions](./.vscode/extensions.json)
-  - [Vite](https://marketplace.visualstudio.com/items?itemName=antfu.vite) - 自动启动 Vite 服务器
   - [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) - Vue 3 `<script setup>` IDE 支持
+  - [Unocss](https://marketplace.visualstudio.com/items?itemName=antfu.unocss) - Unocss 智能提示
+  - [Goto Alias](https://marketplace.visualstudio.com/items?itemName=antfu.goto-alias) - 跳转到定义
   - [Iconify IntelliSense](https://marketplace.visualstudio.com/items?itemName=antfu.iconify) - 图标内联显示和自动补全
+  - [File Nesting](https://marketplace.visualstudio.com/items?itemName=antfu.file-nesting) - 文件嵌套
   - [i18n Ally](https://marketplace.visualstudio.com/items?itemName=lokalise.i18n-ally) - 多合一的 I18n 支持
-  - [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
+  - [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - ESLint 支持
+  - [Better JSON5](https://marketplace.visualstudio.com/items?itemName=blueglassblock.better-json5) - JSON5 支持
 
 ## 现在可以试试
 
diff --git a/src/pages/[...all].vue b/src/pages/[...all].vue
index b83fb17..068df19 100644
--- a/src/pages/[...all].vue
+++ b/src/pages/[...all].vue
@@ -22,12 +22,12 @@ function onBack() {
   </div>
 </template>
 
-<route lang="json">
+<route lang="json5">
 {
-  "name": "404",
-  "meta": {
-    "title": "404",
-    "i18n": "menus.404Demo"
-  }
+  name: '404',
+  meta: {
+    title: '404',
+    i18n: 'menus.404Demo'
+  },
 }
 </route>
diff --git a/src/pages/charts/index.vue b/src/pages/charts/index.vue
index 5611bae..6f0b585 100644
--- a/src/pages/charts/index.vue
+++ b/src/pages/charts/index.vue
@@ -65,12 +65,12 @@ const refScoreOption = ref(scoreOption)
   <Chart :option="refScoreOption" :style="{ height: '330px' }" />
 </template>
 
-<route lang="json">
+<route lang="json5">
 {
-  "name": "charts",
-  "meta": {
-    "title": "📊 Echarts 演示",
-    "i18n": "menus.echartsDemo"
-  }
+  name: 'charts',
+  meta: {
+    title: '📊 Echarts 演示',
+    i18n: 'menus.echartsDemo'
+  },
 }
 </route>
diff --git a/src/pages/counter/index.vue b/src/pages/counter/index.vue
index e61791a..58c1ae0 100644
--- a/src/pages/counter/index.vue
+++ b/src/pages/counter/index.vue
@@ -29,12 +29,12 @@ function add() {
   </button>
 </template>
 
-<route lang="json">
+<route lang="json5">
 {
-  "name": "counter",
-  "meta": {
-    "title": "🍍 持久化 Pinia 状态",
-    "i18n": "menus.persistPiniaState"
-  }
+  name: 'counter',
+  meta: {
+    title: '🍍 持久化 Pinia 状态',
+    i18n: 'menus.persistPiniaState'
+  },
 }
 </route>
diff --git a/src/pages/forgot-password/index.vue b/src/pages/forgot-password/index.vue
index 982c36e..0f1fd9b 100644
--- a/src/pages/forgot-password/index.vue
+++ b/src/pages/forgot-password/index.vue
@@ -137,11 +137,11 @@ async function getCode() {
   </div>
 </template>
 
-<route lang="json">
+<route lang="json5">
 {
-  "name": "forgot-password",
-  "meta": {
-    "i18n": "menus.forgot-password"
-  }
+  name: 'forgot-password',
+  meta: {
+    i18n: 'menus.forgot-password'
+  },
 }
 </route>
diff --git a/src/pages/index.vue b/src/pages/index.vue
index d5ac5d9..7861922 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -72,12 +72,12 @@ const menuItems = computed(() => ([
   </van-popup>
 </template>
 
-<route lang="json">
+<route lang="json5">
 {
-  "name": "home",
-  "meta": {
-    "title": "主页",
-    "i18n": "menus.home"
-  }
+  name: 'home',
+  meta: {
+    title: '主页',
+    i18n: 'menus.home'
+  },
 }
 </route>
diff --git a/src/pages/keepalive/index.vue b/src/pages/keepalive/index.vue
index fa4e147..fef2ebb 100644
--- a/src/pages/keepalive/index.vue
+++ b/src/pages/keepalive/index.vue
@@ -11,13 +11,13 @@ const value = ref(1)
   <van-stepper v-model="value" />
 </template>
 
-<route lang="json">
+<route lang="json5">
 {
-  "name": "KeepAlive",
-  "meta": {
-    "title": "🧡 KeepAlive",
-    "i18n": "menus.keepAlive",
-    "keepAlive": true
-  }
+  name: 'KeepAlive',
+  meta: {
+    title: '🧡 KeepAlive',
+    i18n: 'menus.keepAlive',
+    keepAlive: true
+  },
 }
 </route>
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index 61999e4..6d4c46b 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -100,11 +100,11 @@ async function login(values: any) {
   </div>
 </template>
 
-<route lang="json">
+<route lang="json5">
 {
-  "name": "login",
-  "meta": {
-    "i18n": "menus.login"
-  }
+  name: 'login',
+  meta: {
+    i18n: 'menus.login'
+  },
 }
 </route>
diff --git a/src/pages/mock/index.vue b/src/pages/mock/index.vue
index 062ade3..8a6ef9b 100644
--- a/src/pages/mock/index.vue
+++ b/src/pages/mock/index.vue
@@ -33,13 +33,13 @@ function pull() {
   </van-space>
 </template>
 
-<route lang="json">
+<route lang="json5">
 {
-  "name": "mock",
-  "meta": {
-    "title": "💿 Mock 指南",
-    "i18n": "menus.mockGuide"
-  }
+  name: 'mock',
+  meta: {
+    title: '💿 Mock 指南',
+    i18n: 'menus.mockGuide'
+  },
 }
 </route>
 
diff --git a/src/pages/profile/index.vue b/src/pages/profile/index.vue
index cee74dd..889bf53 100644
--- a/src/pages/profile/index.vue
+++ b/src/pages/profile/index.vue
@@ -36,12 +36,12 @@ function login() {
   </div>
 </template>
 
-<route lang="json">
+<route lang="json5">
 {
-  "name": "profile",
-  "meta": {
-    "title": "个人中心",
-    "i18n": "menus.profile"
-  }
+  name: 'profile',
+  meta: {
+    title: '个人中心',
+    i18n: 'menus.profile'
+  },
 }
 </route>
diff --git a/src/pages/register/index.vue b/src/pages/register/index.vue
index 308e3ef..43163b7 100644
--- a/src/pages/register/index.vue
+++ b/src/pages/register/index.vue
@@ -150,11 +150,11 @@ async function getCode() {
   </div>
 </template>
 
-<route lang="json">
+<route lang="json5">
 {
-  "name": "register",
-  "meta": {
-    "i18n": "menus.register"
-  }
+  name: 'register',
+  meta: {
+    i18n: 'menus.register'
+  },
 }
 </route>
diff --git a/src/pages/settings/index.vue b/src/pages/settings/index.vue
index 1ea239c..4a32f03 100644
--- a/src/pages/settings/index.vue
+++ b/src/pages/settings/index.vue
@@ -38,12 +38,12 @@ function Logout() {
 }
 </style>
 
-<route lang="json">
+<route lang="json5">
 {
-  "name": "settings",
-  "meta": {
-    "title": "我的设置",
-    "i18n": "menus.settings"
-  }
+  name: 'settings',
+  meta: {
+    title: '我的设置',
+    i18n: 'menus.settings'
+  },
 }
 </route>
diff --git a/src/pages/unocss/index.vue b/src/pages/unocss/index.vue
index 46b17e4..531dd02 100644
--- a/src/pages/unocss/index.vue
+++ b/src/pages/unocss/index.vue
@@ -12,12 +12,12 @@
   </button>
 </template>
 
-<route lang="json">
+<route lang="json5">
 {
-  "name": "unocss",
-  "meta": {
-    "title": "🎨 Unocss 示例",
-    "i18n": "menus.unocssExample"
-  }
+  name: 'unocss',
+  meta: {
+    title: '🎨 Unocss 示例',
+    i18n: 'menus.unocssExample'
+  },
 }
 </route>