feat: backend MVP (auth/rbac, catalog, orders, fulfillment, invoices) + specs + scaffolds

apps/shop-admin/app.vue

@@ -0,0 +1,47 @@
+<script setup lang="ts">
+const session = useSessionStore();
+const { locale, locales, setLocale } = useI18n();
+const route = useRoute();
+
+onMounted(() => session.hydrate());
+
+const isAuthPage = computed(() => route.path === "/login");
+watchEffect(() => {
+  if (import.meta.client && session.token === null && !isAuthPage.value && route.path !== "/") {
+    // pages opt into auth middleware; nothing global here
+  }
+});
+</script>
+
+<template>
+  <div v-if="isAuthPage">
+    <NuxtPage />
+  </div>
+  <div v-else class="auth-layout">
+    <aside>
+      <div class="brand">{{ $t("common.appName") }} · Shop</div>
+      <NuxtLink to="/">{{ $t("nav.dashboard") }}</NuxtLink>
+      <NuxtLink to="/products">{{ $t("nav.products") }}</NuxtLink>
+      <NuxtLink to="/orders">{{ $t("nav.orders") }}</NuxtLink>
+      <NuxtLink to="/shipments">{{ $t("nav.shipments") }}</NuxtLink>
+      <NuxtLink to="/invoices">{{ $t("nav.invoices") }}</NuxtLink>
+    </aside>
+    <main>
+      <div class="main-head">
+        <select
+          :value="locale"
+          :aria-label="$t('common.language')"
+          @change="setLocale(($event.target as HTMLSelectElement).value as 'en' | 'zh')"
+        >
+          <option v-for="l in locales" :key="l.code" :value="l.code">{{ l.name }}</option>
+        </select>
+        <template v-if="session.isLoggedIn">
+          <span class="muted">{{ session.user?.display_name }}</span>
+          <button class="btn sm" @click="session.logout()">{{ $t("common.logout") }}</button>
+        </template>
+        <NuxtLink v-else to="/login" class="btn sm primary">{{ $t("common.login") }}</NuxtLink>
+      </div>
+      <NuxtPage />
+    </main>
+  </div>
+</template>