feat: 初始化慧遇书院官网一期

app/composables/useUnsavedChanges.ts

@@ -0,0 +1,35 @@
+import type { Ref } from 'vue'
+
+export function useUnsavedChanges<T>(source: Ref<T | undefined>) {
+  const dirty = ref(false)
+  let baseline = ''
+
+  function snapshot() {
+    baseline = JSON.stringify(source.value ?? null)
+    dirty.value = false
+  }
+
+  watch(source, (value) => {
+    if (!baseline) return
+    dirty.value = JSON.stringify(value ?? null) !== baseline
+  }, { deep: true })
+
+  function beforeUnload(event: BeforeUnloadEvent) {
+    if (!dirty.value) return
+    event.preventDefault()
+    event.returnValue = ''
+  }
+
+  onMounted(() => window.addEventListener('beforeunload', beforeUnload))
+  onBeforeUnmount(() => window.removeEventListener('beforeunload', beforeUnload))
+  onBeforeRouteLeave(() => !dirty.value || window.confirm('当前修改尚未保存，确定离开吗？'))
+
+  return { dirty, markClean: snapshot }
+}
+
+export function apiErrorMessage(error: any, fallback: string) {
+  const issue = error?.data?.data?.issues?.[0]
+  if (!issue) return error?.data?.statusMessage || fallback
+  const path = Array.isArray(issue.path) && issue.path.length ? `${issue.path.join('.')}：` : ''
+  return `${path}${issue.message || fallback}`
+}