feat: Support JSON5 (#136)

.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"
   ]
 }

.vscode/settings.json

@@ -33,6 +33,7 @@
     "html",
     "markdown",
     "json",
+    "json5",
     "jsonc",
     "yaml",
     "toml",

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
 

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 支持
 
 ## 现在可以试试
 

src/pages/[...all].vue

@@ -22,12 +22,12 @@ function onBack() {
   </div>
 </template>
 
-<route lang="json">
+<route lang="json5">
 {
-  "name": "404",
+  name: '404',
-  "meta": {
+  meta: {
-    "title": "404",
+    title: '404',
-    "i18n": "menus.404Demo"
+    i18n: 'menus.404Demo'
-  }
+  },
 }
 </route>

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",
+  name: 'charts',
-  "meta": {
+  meta: {
-    "title": "📊 Echarts 演示",
+    title: '📊 Echarts 演示',
-    "i18n": "menus.echartsDemo"
+    i18n: 'menus.echartsDemo'
-  }
+  },
 }
 </route>

src/pages/counter/index.vue

@@ -29,12 +29,12 @@ function add() {
   </button>
 </template>
 
-<route lang="json">
+<route lang="json5">
 {
-  "name": "counter",
+  name: 'counter',
-  "meta": {
+  meta: {
-    "title": "🍍 持久化 Pinia 状态",
+    title: '🍍 持久化 Pinia 状态',
-    "i18n": "menus.persistPiniaState"
+    i18n: 'menus.persistPiniaState'
-  }
+  },
 }
 </route>

src/pages/forgot-password/index.vue

@@ -137,11 +137,11 @@ async function getCode() {
   </div>
 </template>
 
-<route lang="json">
+<route lang="json5">
 {
-  "name": "forgot-password",
+  name: 'forgot-password',
-  "meta": {
+  meta: {
-    "i18n": "menus.forgot-password"
+    i18n: 'menus.forgot-password'
-  }
+  },
 }
 </route>

src/pages/index.vue

@@ -72,12 +72,12 @@ const menuItems = computed(() => ([
   </van-popup>
 </template>
 
-<route lang="json">
+<route lang="json5">
 {
-  "name": "home",
+  name: 'home',
-  "meta": {
+  meta: {
-    "title": "主页",
+    title: '主页',
-    "i18n": "menus.home"
+    i18n: 'menus.home'
-  }
+  },
 }
 </route>

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",
+  name: 'KeepAlive',
-  "meta": {
+  meta: {
-    "title": "🧡 KeepAlive",
+    title: '🧡 KeepAlive',
-    "i18n": "menus.keepAlive",
+    i18n: 'menus.keepAlive',
-    "keepAlive": true
+    keepAlive: true
-  }
+  },
 }
 </route>

src/pages/login/index.vue

@@ -100,11 +100,11 @@ async function login(values: any) {
   </div>
 </template>
 
-<route lang="json">
+<route lang="json5">
 {
-  "name": "login",
+  name: 'login',
-  "meta": {
+  meta: {
-    "i18n": "menus.login"
+    i18n: 'menus.login'
-  }
+  },
 }
 </route>

src/pages/mock/index.vue

@@ -33,13 +33,13 @@ function pull() {
   </van-space>
 </template>
 
-<route lang="json">
+<route lang="json5">
 {
-  "name": "mock",
+  name: 'mock',
-  "meta": {
+  meta: {
-    "title": "💿 Mock 指南",
+    title: '💿 Mock 指南',
-    "i18n": "menus.mockGuide"
+    i18n: 'menus.mockGuide'
-  }
+  },
 }
 </route>
 

src/pages/profile/index.vue

@@ -36,12 +36,12 @@ function login() {
   </div>
 </template>
 
-<route lang="json">
+<route lang="json5">
 {
-  "name": "profile",
+  name: 'profile',
-  "meta": {
+  meta: {
-    "title": "个人中心",
+    title: '个人中心',
-    "i18n": "menus.profile"
+    i18n: 'menus.profile'
-  }
+  },
 }
 </route>

src/pages/register/index.vue

@@ -150,11 +150,11 @@ async function getCode() {
   </div>
 </template>
 
-<route lang="json">
+<route lang="json5">
 {
-  "name": "register",
+  name: 'register',
-  "meta": {
+  meta: {
-    "i18n": "menus.register"
+    i18n: 'menus.register'
-  }
+  },
 }
 </route>

src/pages/settings/index.vue

@@ -38,12 +38,12 @@ function Logout() {
 }
 </style>
 
-<route lang="json">
+<route lang="json5">
 {
-  "name": "settings",
+  name: 'settings',
-  "meta": {
+  meta: {
-    "title": "我的设置",
+    title: '我的设置',
-    "i18n": "menus.settings"
+    i18n: 'menus.settings'
-  }
+  },
 }
 </route>

src/pages/unocss/index.vue

@@ -12,12 +12,12 @@
   </button>
 </template>
 
-<route lang="json">
+<route lang="json5">
 {
-  "name": "unocss",
+  name: 'unocss',
-  "meta": {
+  meta: {
-    "title": "🎨 Unocss 示例",
+    title: '🎨 Unocss 示例',
-    "i18n": "menus.unocssExample"
+    i18n: 'menus.unocssExample'
-  }
+  },
 }
 </route>