From df971ea41811c106877d96ac8167182c69ef0b5c Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Tue, 25 Feb 2025 11:48:26 +0800
Subject: [PATCH] fix

---
 src/App.vue                 |  7 ++++++-
 src/components/Tutorial.vue | 12 +++++-------
 src/store.ts                |  1 -
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index b914a3e..8ea6b6d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -23,7 +23,12 @@ whenever(ctrl_r, () => {})
 </script>
 
 <template>
-  <n-config-provider class="myContainer" :locale="zhCN" :date-locale="dateZhCN" inline-theme-disabled>
+  <n-config-provider
+    class="myContainer"
+    :locale="zhCN"
+    :date-locale="dateZhCN"
+    inline-theme-disabled
+  >
     <n-split :default-size="1 / 3" min="300px" max="700px">
       <template #1><Tutorial /></template>
       <template #2>
diff --git a/src/components/Tutorial.vue b/src/components/Tutorial.vue
index e0bf1be..da38d72 100644
--- a/src/components/Tutorial.vue
+++ b/src/components/Tutorial.vue
@@ -12,31 +12,29 @@
         </n-button>
       </n-flex>
     </n-flex>
-    <div class="markdown-body" v-html="markdownContent"></div>
+    <div class="markdown-body" v-html="content"></div>
   </div>
 </template>
 <script lang="ts" setup>
 import { Icon } from "@iconify/vue"
-import { step, prev, next, content } from "../store"
+import { step, prev, next } from "../store"
 import { onMounted, ref, shallowRef, watch } from "vue"
 import { marked } from "marked"
 import { markedHighlight } from "marked-highlight"
 import hljs from "highlight.js"
 
 const end = ref(false)
-const markdownContent = shallowRef("")
+const content = shallowRef("")
 
 async function getContent() {
   const res = await fetch(`/turtorial/${step.value}/README.md`)
   const data = await res.text()
   if (!!data) {
-    content.value = data
-    const html = await marked.parse(content.value, { async: true })
-    markdownContent.value = html
+    const html = await marked.parse(data, { async: true })
+    content.value = html
     end.value = false
   } else {
     end.value = true
-    content.value = ""
   }
 }
 
diff --git a/src/store.ts b/src/store.ts
index 6c6fb79..f0e03c8 100644
--- a/src/store.ts
+++ b/src/store.ts
@@ -25,7 +25,6 @@ export function changeSize(num: number) {
 }
 
 export const step = useStorage("web-turtorial-step", "01")
-export const content = useStorage("web-turtorial-content", "")
 export function prev() {
   let num = parseInt(step.value) - 1
   step.value = num.toString().padStart(2, "0")