fix: show pathname in custom 404

RomanFama592 · Feb 9, 2024 · 4697bc6 · 4697bc6
1 parent 4eaf8ee
commit 4697bc6
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "tic-tac-toe-world",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "scripts": {
     "dev": "astro dev --host",
     "start:build": "astro check && astro build && astro preview --host",

diff --git a/src/pages/404.astro b/src/pages/404.astro
@@ -4,17 +4,22 @@ import FramePage from "@/layouts/FramePage.astro";
 ---
 
 <Html
-    title={Astro.url.pathname}
+    title="Pagina no encontrada"
     description=""
 >
     <FramePage>
         <div class="flex items-center justify-center size-full m-auto">
             <p class="m-5 text-2xl text-center text-pretty">
-                Lo sentimos pero <span class="p-1 bg-base-100 rounded-md font-semibold"
-                    >{Astro.url.pathname}</span
+                Lo sentimos pero <span id="pathnameSpan" class="p-1 bg-base-100 rounded-md font-semibold"
+                    >esta pagina</span
                 > no existe o ha sido eliminada. No te preocupes, tenemos muchas
                 otras cosas que ofrecerte.
             </p>
         </div>
     </FramePage>
 </Html>
+
+<script defer>
+    document.querySelector("title").innerText = document.querySelector("title").innerText + ": " + window.location.pathname
+    document.querySelector("#pathnameSpan").innerText = window.location.pathname
+</script>