bvandeusenandClaude Opus 4.8
18ca4d4db4
M9 section S1, commit 4 (frontend). Introduce the shared UI primitives the 7 data views + 5 editor hosts were hand-rolling: - components/AsyncState.vue: the loading / error(+Retry) wrapper (emits `retry`). - components/EmptyState.vue: the centered title/subtitle "nothing here" block. - composables/useNoteEditor.ts: the editing/open/close/navigate glue every editor host duplicated, as one controller (onClose hook + local-list resolution for [[wiki-link]] navigation). BoardView adopts all three: its three hand-rolled loading/error/empty blocks collapse into <AsyncState> + <EmptyState>, and its editor glue into useNoteEditor. The other views + editor hosts adopt these in the Organize (S3) and Auth (S5) sections. Behavior-preserving. Frontend has no local typecheck (rule 10); CI's vue-tsc is the gate. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01FRgehjoz7Yv8LkUfADxACm
14 lines
535 B
Vue
14 lines
535 B
Vue
<script setup lang="ts">
|
|
// The centered "nothing here" block every data view renders. Title + optional
|
|
// subtitle; an optional default slot for a call-to-action beneath.
|
|
defineProps<{ title: string; subtitle?: string }>();
|
|
</script>
|
|
|
|
<template>
|
|
<div class="py-24 text-center">
|
|
<h2 class="text-lg font-semibold text-neutral-700 dark:text-neutral-200">{{ title }}</h2>
|
|
<p v-if="subtitle" class="mt-1 text-sm text-neutral-400">{{ subtitle }}</p>
|
|
<div v-if="$slots.default" class="mt-3"><slot /></div>
|
|
</div>
|
|
</template>
|