chore: initial commit

src/composables/useUnsavedWorkRegistration.ts

@@ -0,0 +1,47 @@
+import { computed, onScopeDispose, ref, watch, type ComputedRef, type Ref } from 'vue'
+import { useUnsavedWorkStore } from '@/stores/unsavedWork'
+
+interface UnsavedWorkRegistrationOptions<T extends object> {
+  key: string
+  label: ComputedRef<string>
+  isOpen: Ref<boolean>
+  model: T
+  requiredPermission: ComputedRef<string | null>
+}
+
+export function useUnsavedWorkRegistration<T extends object>(
+  options: UnsavedWorkRegistrationOptions<T>,
+) {
+  const store = useUnsavedWorkStore()
+  const snapshot = computed(() => JSON.stringify(options.model))
+  const baseline = ref(snapshot.value)
+
+  function sync() {
+    if (!options.isOpen.value) {
+      store.remove(options.key)
+      return
+    }
+
+    store.upsert({
+      key: options.key,
+      label: options.label.value,
+      dirty: snapshot.value !== baseline.value,
+      requiredPermission: options.requiredPermission.value,
+    })
+  }
+
+  function captureBaseline() {
+    baseline.value = snapshot.value
+    sync()
+  }
+
+  watch(
+    [options.isOpen, snapshot, options.label, options.requiredPermission],
+    sync,
+    { flush: 'sync' },
+  )
+  sync()
+  onScopeDispose(() => store.remove(options.key))
+
+  return { captureBaseline }
+}