minor: Cleaner [...uri].vue error handling
This commit is contained in:
@@ -1,10 +1,13 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
// Resolve Node component from URI
|
// Fetch node by URI and handle query errors
|
||||||
const { path: uri } = useRoute();
|
const { path: uri } = useRoute();
|
||||||
const { data } = await useAsyncGraphQLQuery("NodeByUri", { uri });
|
const { data, error } = await useAsyncGraphQLQuery("NodeByUri", { uri });
|
||||||
if (!data.value?.nodeByUri) {
|
if (!data.value?.nodeByUri) {
|
||||||
|
console.error("NodeByUri query error:", error.value);
|
||||||
throw createError({ statusCode: 404, message: `La page demandée est introuvable: ${uri}`, fatal: true });
|
throw createError({ statusCode: 404, message: `La page demandée est introuvable: ${uri}`, fatal: true });
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Dynamically resolve component based on node type
|
||||||
const componentName = `Node${data.value.nodeByUri.__typename}`;
|
const componentName = `Node${data.value.nodeByUri.__typename}`;
|
||||||
if (!useNuxtApp().vueApp.component(componentName)) {
|
if (!useNuxtApp().vueApp.component(componentName)) {
|
||||||
throw createError({ statusCode: 404, message: `La page demandée ne peut pas être affichée correctement: ${componentName}`, fatal: true });
|
throw createError({ statusCode: 404, message: `La page demandée ne peut pas être affichée correctement: ${componentName}`, fatal: true });
|
||||||
|
|||||||
Reference in New Issue
Block a user