From cc7f7fe146c8fcd5f49eb768f17589b0838dd22a Mon Sep 17 00:00:00 2001
From: Khamzat <67521340+XamzatJR@users.noreply.github.com>
Date: Tue, 18 Apr 2023 19:40:47 +0300
Subject: [PATCH] refactor: remove deprecated reactivity transform (#487)

---
 README.md           | 2 --
 README.zh-CN.md     | 2 --
 src/pages/index.vue | 4 ++--
 vite.config.ts      | 1 -
 4 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index 2a747b3..8b39209 100644
--- a/README.md
+++ b/README.md
@@ -48,8 +48,6 @@ Mocking up web app with <b>Vitesse</b><sup><em>(speed)</em></sup><br>
 
 - 🔥 Use the [new `<script setup>` syntax](https://github.com/vuejs/rfcs/pull/227)
 
-- 🤙🏻 [Reactivity Transform](https://vuejs.org/guide/extras/reactivity-transform.html) enabled
-
 - 📥 [APIs auto importing](https://github.com/antfu/unplugin-auto-import) - use Composition API and others directly
 
 - 🖨 Static-site generation (SSG) via [vite-ssg](https://github.com/antfu/vite-ssg)
diff --git a/README.zh-CN.md b/README.zh-CN.md
index edc617b..25c7d7a 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -45,8 +45,6 @@
 
 - 🔥 使用 [新的 `<script setup>` 语法](https://github.com/vuejs/rfcs/pull/227)
 
-- 🤙🏻 默认开启 [响应性语法糖](https://vuejs.org/guide/extras/reactivity-transform.html)
-
 - 📥 [API 自动加载](https://github.com/antfu/unplugin-auto-import) - 直接使用 Composition API 无需引入
 
 - 🖨 使用 [vite-ssg](https://github.com/antfu/vite-ssg) 进行服务端生成 (SSG)
diff --git a/src/pages/index.vue b/src/pages/index.vue
index ed5996f..be76bce 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -3,11 +3,11 @@ defineOptions({
   name: 'IndexPage',
 })
 const user = useUserStore()
-const name = $ref(user.savedName)
+const name = ref(user.savedName)
 
 const router = useRouter()
 function go() {
-  if (name)
+  if (name.value)
     router.push(`/hi/${encodeURIComponent(name)}`)
 }
 
diff --git a/vite.config.ts b/vite.config.ts
index 4ab2485..9317722 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -29,7 +29,6 @@ export default defineConfig({
       plugins: {
         vue: Vue({
           include: [/\.vue$/, /\.md$/],
-          reactivityTransform: true,
         }),
       },
     }),