add cache.

src/oj/problem/components/Editor.vue

@@ -3,23 +3,47 @@ import { SOURCES } from "utils/constants"
 import { code } from "oj/composables/code"
 import { isDesktop } from "~/shared/composables/breakpoints"
 import { problem } from "oj/composables/problem"
+import storage from "~/utils/storage"
+import { LANGUAGE } from "~/utils/types"
 
 const Form = defineAsyncComponent(() => import("./Form.vue"))
 const CodeEditor = defineAsyncComponent(() => import("~/shared/CodeEditor.vue"))
 
-code.language = problem.value!.languages[0] || "C"
-code.value = problem.value!.template[code.language] || SOURCES[code.language]
+const route = useRoute()
+const contestID = !!route.params.contestID ? route.params.contestID : null
+
+const storageKey = computed(
+  () => `problem_${problem.value!._id}_contest_${contestID}`
+)
+
+onMounted(() => {
+  if (storage.get(storageKey.value)) {
+    code.value = storage.get(storageKey.value)
+  } else {
+    code.value =
+      problem.value!.template[code.language] || SOURCES[code.language]
+  }
+})
 
 const editorHeight = computed(() =>
   isDesktop.value ? "calc(100vh - 133px)" : "calc(100vh - 172px)"
 )
+
+function reset() {
+  storage.remove(storageKey.value)
+}
+
+function changeCode(v: string) {
+  storage.set(storageKey.value, v)
+}
 </script>
 
 <template>
   <n-space vertical>
-    <Form />
+    <Form @reset="reset" />
     <CodeEditor
       v-model="code.value"
+      @update:model-value="changeCode"
       :language="code.language"
       :height="editorHeight"
     />

src/oj/problem/components/Form.vue

@@ -5,15 +5,21 @@ import { problem } from "oj/composables/problem"
 import { isDesktop, isMobile } from "~/shared/composables/breakpoints"
 import { useUserStore } from "~/shared/store/user"
 import Submit from "./Submit.vue"
+import storage from "~/utils/storage"
+import { STORAGE_KEY } from "utils/constants"
+import { LANGUAGE } from "~/utils/types"
 
 const route = useRoute()
 const router = useRouter()
 const userStore = useUserStore()
 
+const emit = defineEmits(["reset"])
+
 watch(() => code.language, reset)
 
 function reset() {
   code.value = problem.value!.template[code.language] || SOURCES[code.language]
+  emit("reset")
 }
 
 function goSubmissions() {
@@ -62,14 +68,19 @@ function select(key: string) {
       break
   }
 }
+
+function changeLanguage(v: LANGUAGE) {
+  storage.set(STORAGE_KEY.LANGUAGE, v)
+}
 </script>
 
 <template>
   <n-space>
     <n-select
       class="language"
-      :size="isDesktop ? 'medium' : 'small'"
       v-model:value="code.language"
+      @update:value="changeLanguage"
+      :size="isDesktop ? 'medium' : 'small'"
       :options="options"
     />
     <Submit />