ajout page erreur

components/theses/ThesisSkeleton.vue

@@ -7,7 +7,8 @@
     <v-skeleton-loader type="table-row"></v-skeleton-loader>
     <v-skeleton-loader type="table-row"></v-skeleton-loader>
     <v-skeleton-loader type="table-row" class="px-4"></v-skeleton-loader>
-    <v-skeleton-loader type="button" class="d-flex flex-row-reverse pe-7 w-25"></v-skeleton-loader>
+    <v-skeleton-loader type="article"></v-skeleton-loader>
+    <v-skeleton-loader type="article"></v-skeleton-loader>
     <v-skeleton-loader type="article"></v-skeleton-loader>
 </template>
 

error.vue

@@ -0,0 +1,81 @@
+<script setup lang="ts">
+const props = defineProps({
+    error: Object
+})
+
+const handleError = () => clearError({ redirect: '/' })
+</script>
+
+<template>
+    <v-app>
+        <CommonHeaderCustom></CommonHeaderCustom>
+        <v-main>
+            <h1>Erreur {{ error.statusCode }} : <div v-if="error.statusCode.toString().startsWith('4')">Page
+                    Introuvable</div>
+                <div v-if="error.statusCode.toString().startsWith('5')">Serveur
+                    Indisponible</div>
+            </h1>
+            <p v-if="error.statusCode.toString().startsWith('5')"><strong>Merci d'essayer à nouveau dans quelques instants.
+                    Si le problème persiste vous
+                    pouvez contacter le guichet
+                    d'assistance de l'Abes : <a href="https://stp.abes.fr/node/3?origine=thesesFr"
+                        target="_blank">https://stp.abes.fr/node/3?origine=thesesFr</a>.</strong>
+                <br /><br />
+                Vous pouvez joindre les informations suivantes à votre demande d'assistance :
+                <br /><br />
+            <pre>{{ error.message }}</pre>
+            <br />
+            <span v-html="error.stack" />
+            </p>
+            <p v-if="error.statusCode.toString().startsWith('4')"><strong>La page à laquelle vous tentez d'accéder n'existe
+                    pas, ou
+                    n'est plus disponible.</strong></p>
+            <br /><br />
+            <button @click="handleError">Retour à l'accueil</button>
+        </v-main>
+        <CommonFooterCustom></CommonFooterCustom>
+    </v-app>
+</template>
+
+<style scoped>
+h1 {
+    padding-top: 20px;
+    padding-bottom: 20px;
+    font-size: 3rem;
+    width: 80%;
+}
+
+button {
+    font-size: 2em;
+    color: #252C61;
+    border: solid 2px #252C61;
+    border-radius: 5px;
+    background-color: transparent;
+    padding: 10px;
+    margin-bottom: 50px;
+
+}
+
+p {
+    width: 90%;
+    padding: 20px;
+}
+
+pre {
+    width: 80%;
+    white-space: pre-wrap;
+    display: grid !important;
+
+}
+
+:deep(.stack) {
+    display: contents;
+    width: 80%;
+    white-space: pre-wrap;
+    word-break: break-all;
+}
+
+div {
+    display: inline;
+}
+</style>

pages/[id].vue

@@ -45,6 +45,9 @@ function checkId(id) {
             }).catch(() => { return "personne" })
     }
     else if (regexSujet.test(id)) type.value = "sujet";
+    else {
+        throw createError({ statusCode: 404, statusMessage: 'Page Not Found' })
+    }
 }
 
 </script>

pages/index.vue

@@ -50,12 +50,6 @@ const { data: nbSujets } = await getStatsSujets();
 const { data: nbTheses } = await getStatsTheses();
 const { data: nbPersonnes } = await getStatsPersonnes();
 
-useSeoMeta({
-    title: `Theses.fr`,
-    ogTitle: `Theses.fr`,
-    description: "Moteur de recherche des thèses françaises, theses.fr propose l’accès aux thèses de doctorat soutenues ou en préparation.",
-    ogDescription: "Moteur de recherche des thèses françaises, theses.fr propose l’accès aux thèses de doctorat soutenues ou en préparation."
-})
 onMounted(() => {
     // réinitialiser les éléments liés à la recherche au retour à la page d'accueil
     reinitializeResultData();