update

src/store.ts

@@ -1,5 +1,25 @@
-import { useStorage } from "@vueuse/core";
+import { useStorage } from "@vueuse/core"
 
-export const html = useStorage("web-html", `<div class="welcome">黄岩一职</div>`)
-export const css = useStorage("web-css", `.welcome { color: red; }`)
-export const js = useStorage("web-js", "")
+const defaultHTML = `<div class="welcome">黄岩一职</div>`
+const defaultCSS = `.welcome {
+    color: red;
+}`
+
+export const html = useStorage("web-html", defaultHTML)
+export const css = useStorage("web-css", defaultCSS)
+export const js = useStorage("web-js", "")
+
+export function reset(lang: "html" | "css" | "js") {
+  if (lang === "html") {
+    html.value = defaultHTML
+  } else if (lang === "css") {
+    css.value = defaultCSS
+  } else {
+    js.value = ""
+  }
+}
+
+export const size = useStorage("web-fontsize", 14)
+export function changeSize(num: number) {
+  size.value = num
+}