feat: Support JSON5 (#136)

easy-temps · Dec 9, 2024 · 4245616 · 4245616
1 parent 8ad8c7f
commit 4245616
Show file tree

Hide file tree

Showing 16 changed files with 87 additions and 78 deletions.
diff --git 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
@@ -33,6 +33,7 @@
     "html",
     "markdown",
     "json",
+    "json5",
     "jsonc",
     "yaml",
     "toml",

diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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>
-Original file line number
+Diff line change
@@ Expand Up / @@ -33,6 +33,7 @@ @@
         "html",
         "markdown",
         "json",
+        "json5",
         "jsonc",
         "yaml",
         "toml",
@@ Expand Down @@