refactor(pages): move stuff to default layout

this allows layout to be shared between non-error and error pages without repeating code

app.vue

@@ -10,7 +10,6 @@
 	const dop = data?.value as any;
 	let darkBool = dop?.user?.profile?.nightMode || false;
 	console.log("l->", useNuxtApp().$loaded);
-	useNuxtApp().$loaded.value = true;
 	// provide("user", ref(dop?.user || null));
 	provide("dark", darkBool);
 	useHead({
@@ -35,27 +34,15 @@
 	// });
 </script>
 <template>
-	<a-config-provider
-		:theme="{
-			token: {
-				colorPrimary: '#f14668',
-				colorSuccess: '#2be396',
-				colorWarning: '#face14',
-				colorInfo: '#15c6e3',
-				colorTextBase: darkBool ? '#fff' : '#101010',
-			},
-			algorithm: darkBool ? theme.darkAlgorithm : theme.defaultAlgorithm,
-		}"
-	>
-		<template #renderEmpty>
-			<a-typography-title> ¯\_(ツ)_/¯ </a-typography-title>
-			<i> Nothing here but crickets. </i>
-		</template>
 	<NuxtLayout>
 		<NuxtPage />
 		<!-- <NuxtWelcome /> -->
 	</NuxtLayout>
-	</a-config-provider>
+	<nuxt-error-boundary>
+		<template #error="{ error, clearError }">
+			<error-bound :error="error" />
+		</template>
+	</nuxt-error-boundary>
 </template>
 <style>
 	body[data-theme="dark"],

layouts/default.vue

@@ -14,19 +14,36 @@
 
 	const collapsed = ref<boolean>(true);
 
+	collapsed.value = true;
+
 	const sideTriggerVal = computed(() => {
 		let th = collapsed.value ? " collapsed" : "";
 		return `sider-trigger${th}`;
 	});
-
+	const darkBool = inject<boolean>("dark");
 	// const {data: rd } = await useApiFetch<ISidebarItem[]>("/sidebar")
 	// provide("sidebar-items", rd.data)
 
 	provide("collapsed", collapsed);
-	const loaded = inject<Ref<boolean>>("loaded");
 	let darko = inject("dark");
 </script>
 <template>
+	<a-config-provider
+		:theme="{
+			token: {
+				colorPrimary: '#f14668',
+				colorSuccess: '#2be396',
+				colorWarning: '#face14',
+				colorInfo: '#15c6e3',
+				colorTextBase: darkBool ? '#fff' : '#101010',
+			},
+			algorithm: darkBool ? theme.darkAlgorithm : theme.defaultAlgorithm,
+		}"
+	>
+		<template #renderEmpty>
+			<a-typography-title> ¯\_(ツ)_/¯ </a-typography-title>
+			<i> Nothing here but crickets. </i>
+		</template>
 		<a-layout class="ylayout" has-sider>
 			<a-layout class="mlayout">
 				<a-layout-header class="alayhead">
@@ -36,8 +53,8 @@
 							<div>
 								<a-typography-text> Band fiction that rocks </a-typography-text>
 								<a-typography-text type="secondary">
-								With {{ totals.stories }} stories by
-								{{ totals.authors }} authors
+									With {{ totals?.stories ?? 0 }} stories by
+									{{ totals?.authors ?? 0 }} authors
 								</a-typography-text>
 							</div>
 						</div>
@@ -61,6 +78,7 @@
 					color: 'white',
 					border: '2.4px solid #fffFFF80',
 					top: '75vh',
+					'z-index': 99999999,
 				}"
 				:theme="darko ? 'dark' : 'light'"
 				:breakpoint="'lg'"
@@ -93,6 +111,7 @@
 		<a-skeleton/>
 		<a-skeleton/>
 		</div> -->
+	</a-config-provider>
 </template>
 
 <style scoped>