Files
FabledCurator/frontend/src/views/PlaceholderView.vue
T
bvandeusen bcd9a23501 feat: add SPA app shell, router, system store, and route placeholders
Nav lists every FC-2 and FC-3 surface with a placeholder view that names
the sub-project that will fill it. System store polls /api/health on mount
and renders a status pip in the nav footer.

Favicon uses Curator's aged amber accent (#A87338).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-14 07:36:01 -04:00

35 lines
974 B
Vue

<template>
<v-container class="py-8">
<h1 class="fc-h1 mb-4">{{ title }}</h1>
<v-alert type="info" variant="tonal" icon="mdi-toolbox">
This surface is a placeholder. It will be implemented in
<strong>{{ surfaceOwner }}</strong>.
</v-alert>
</v-container>
</template>
<script setup>
import { computed } from 'vue'
import { useRoute } from 'vue-router'
const route = useRoute()
const title = computed(() => route.meta.title ?? 'FabledCurator')
const surfaceOwner = computed(() => {
const fc2 = new Set(['gallery', 'showcase', 'tags', 'settings'])
const fc3 = new Set(['subscriptions', 'credentials', 'downloads'])
if (fc2.has(route.name)) return 'FC-2 (image backbone)'
if (fc3.has(route.name)) return 'FC-3 (subscription backbone)'
return 'a future sub-project'
})
</script>
<style scoped>
.fc-h1 {
font-family: 'Fraunces', Georgia, serif;
font-size: 32px;
font-weight: 500;
color: rgb(var(--v-theme-on-surface));
}
</style>