deploy

guide/theme.md

@@ -163,11 +163,10 @@ const globalSettings: Settings.all = {
 这时候我们建议使用 UnoCSS 进行样式编写，例如 `text-dark dark-text-white` 、`bg-green dark-bg-red` 。如果你不习惯使用 UnoCSS ，那也可以使用下面这种方法，在页面中去自定义一些颜色。
 
 ```scss
-html {
-  div {
-    color: #000;
-  }
-  &.dark div {
+div {
+  color: #000;
+
+  [data-theme="dark"] & {
     color: #fff;
   }
 }

guide/why.md

@@ -14,10 +14,8 @@ Fantastic-mobile 与市面上大部分移动端 H5 模板不同之处在于，
 - [vue3-vant4-mobile](https://github.com/xiangshu233/vue3-vant4-mobile)
 - [vue3-h5-template](https://github.com/yulimchen/vue3-h5-template)
 
-以上 3 款模板是目前社区内人气较高的项目。但正如上面所说，**Fantastic-mobile 从一开始就不打算仅仅只是做一个 H5 模版**。所以，如果你正在做技术选型，不如先了解一下我们这款框架，再决定是否要继续使用其他 H5 模板。
+以上 3 款模板都很成熟，也是社区内人气较高的项目。但正如上面所说，**Fantastic-mobile 从一开始就不打算仅仅只是做一个 H5 模版**。所以，如果你正在做技术选型，不如先了解一下我们这款框架，再决定是否要继续使用其他 H5 模板。
 
 并且你不需要担心技术栈上的差异，因为 Vue3 整体的生态已经非常成熟，几乎形成了一套社区默认的技术栈。也就是说，以上 3 款模板和 Fantastic-mobile 使用到的技术栈，几乎是一样的。
 
-如果你并没有时间做横向对比，我们也可以用一句话简单概括：
-
-**它们有的特性，Fantastic-mobile 基本都有；而 Fantastic-mobile 额外提供的能力，它们暂时没有，或许可能也不会有**。
+用一句简单的话概括就是：**人无我有，人有我优**。

package.json

@@ -12,9 +12,9 @@
     "vitepress-plugin-comment-with-giscus": "^1.1.15"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^2.19.2",
-    "eslint": "^9.4.0",
-    "vitepress": "1.2.2",
-    "vue": "^3.4.27"
+    "@antfu/eslint-config": "^2.21.1",
+    "eslint": "^9.5.0",
+    "vitepress": "1.2.3",
+    "vue": "^3.4.29"
   }
 }