batch update

src/oj/problem/components/ContestEditor.vue

@@ -1,19 +1,26 @@
 <script lang="ts" setup>
-import { code } from "oj/composables/code"
-import { problem } from "oj/composables/problem"
+import { storeToRefs } from "pinia"
+import { useCodeStore } from "oj/store/code"
+import { useProblemStore } from "oj/store/problem"
 import { SOURCES } from "utils/constants"
 import CodeEditor from "shared/components/CodeEditor.vue"
-import { isDesktop } from "shared/composables/breakpoints"
+import { useBreakpoints } from "shared/composables/breakpoints"
 import storage from "utils/storage"
 import { LANGUAGE } from "utils/types"
 import Form from "./Form.vue"
 
 const route = useRoute()
 
+const codeStore = useCodeStore()
+const problemStore = useProblemStore()
+const { problem } = storeToRefs(problemStore)
+
+const { isDesktop } = useBreakpoints()
+
 const contestID = route.params.contestID || null
 const storageKey = computed(
   () =>
-    `problem_${problem.value!._id}_contest_${contestID}_lang_${code.language}`,
+    `problem_${problem.value!._id}_contest_${contestID}_lang_${codeStore.code.language}`,
 )
 
 const editorHeight = computed(() =>
@@ -22,10 +29,11 @@ const editorHeight = computed(() =>
 
 onMounted(() => {
   const savedCode = storage.get(storageKey.value)
-  code.value =
+  codeStore.setCode(
     savedCode ||
-    problem.value!.template[code.language] ||
-    SOURCES[code.language]
+      problem.value!.template[codeStore.code.language] ||
+      SOURCES[codeStore.code.language],
+  )
 })
 
 const changeCode = (v: string) => {
@@ -34,10 +42,12 @@ const changeCode = (v: string) => {
 
 const changeLanguage = (v: LANGUAGE) => {
   const savedCode = storage.get(storageKey.value)
-  code.value =
+  codeStore.setCode(
     savedCode && storageKey.value.split("_").pop() === v
       ? savedCode
-      : problem.value!.template[code.language] || SOURCES[code.language]
+      : problem.value!.template[codeStore.code.language] ||
+          SOURCES[codeStore.code.language],
+  )
 }
 </script>
 
@@ -45,8 +55,8 @@ const changeLanguage = (v: LANGUAGE) => {
   <n-flex vertical>
     <Form :storage-key="storageKey" @change-language="changeLanguage" />
     <CodeEditor
-      v-model:value="code.value"
-      :language="code.language"
+      v-model:value="codeStore.code.value"
+      :language="codeStore.code.language"
       :height="editorHeight"
       @update:model-value="changeCode"
     />