From 544f176d2c8093926bfc796a2a31f717dbdd841a Mon Sep 17 00:00:00 2001
From: Maxi <maximogarciamtnez@gmail.com>
Date: Fri, 22 Mar 2024 17:04:02 +0100
Subject: [PATCH] feat: added 404 page

---
 .vitepress/theme/MainLayout.vue        | 21 ++++++++++++++++++++-
 .vitepress/theme/components/Footer.vue |  2 +-
 dev-dist/sw.js                         |  2 +-
 3 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/.vitepress/theme/MainLayout.vue b/.vitepress/theme/MainLayout.vue
index de19e60..23e36c8 100644
--- a/.vitepress/theme/MainLayout.vue
+++ b/.vitepress/theme/MainLayout.vue
@@ -1,11 +1,30 @@
 <script setup lang="ts">
 import DefaultTheme from 'vitepress/theme'
 import RegisterSw from './components/RegisterSW.vue'
+
+const baseUrl = import.meta.env.BASE_URL
 </script>
 
 <template>
   <RegisterSW />
-  <DefaultTheme.Layout bg-neutral-0 class="vp-raw" />
+  <DefaultTheme.Layout bg-neutral-0 class="vp-raw">
+    <template #not-found>
+      <main px-32 mt="48 md:96" max-w-70ch mx-auto>
+        <h1 text-20>
+          <span font-bold>404</span> Page not found
+        </h1>
+
+        <div class="prose" mt-24>
+          <blockquote px-0>
+            <p font-italic>
+              But if you keep looking, you'll find it.
+            </p>
+          </blockquote>
+          <a :href="baseUrl" pill-blue arrow text-white mt-24 ml-0>Go home</a>
+        </div>
+      </main>
+    </template>
+  </DefaultTheme.Layout>
 </template>
 
 <style>
diff --git a/.vitepress/theme/components/Footer.vue b/.vitepress/theme/components/Footer.vue
index fc39480..5fff55b 100644
--- a/.vitepress/theme/components/Footer.vue
+++ b/.vitepress/theme/components/Footer.vue
@@ -7,7 +7,7 @@ const { hasSidebar } = useSidebar()
 
 const hasOutline = computed(() => page.value.frontmatter.outline !== false)
 
-const isHome = computed(() => page.value.frontmatter.layout === 'home')
+const isHome = computed(() => page.value.frontmatter.layout === 'home' || page.value.title === '404')
 const isMd = computed(() => hasSidebar.value && !hasOutline.value)
 </script>
 
diff --git a/dev-dist/sw.js b/dev-dist/sw.js
index 6929789..46108d0 100644
--- a/dev-dist/sw.js
+++ b/dev-dist/sw.js
@@ -1 +1 @@
-if(!self.define){let e,n={};const s=(s,i)=>(s=new URL(s+".js",i).href,n[s]||new Promise((n=>{if("document"in self){const e=document.createElement("script");e.src=s,e.onload=n,document.head.appendChild(e)}else e=s,importScripts(s),n()})).then((()=>{let e=n[s];if(!e)throw new Error(`Module ${s} didn’t register its module`);return e})));self.define=(i,r)=>{const t=e||("document"in self?document.currentScript.src:"")||location.href;if(n[t])return;let o={};const l=e=>s(e,t),d={module:{uri:t},exports:o,require:l};n[t]=Promise.all(i.map((e=>d[e]||l(e)))).then((e=>(r(...e),o)))}}define(["./workbox-7ee2d773"],(function(e){"use strict";self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"suppress-warnings.js",revision:"d41d8cd98f00b204e9800998ecf8427e"},{url:"index.html",revision:"0.hfq3v6jd248"}],{}),e.cleanupOutdatedCaches(),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("index.html"),{allowlist:[/^\/$/]})),e.registerRoute((({request:e,sameOrigin:n})=>n&&"navigate"===e.mode),new e.NetworkOnly({plugins:[{handlerDidError:async()=>Response.redirect("404",302),cacheWillUpdate:async()=>null}]}),"GET")}));
+if(!self.define){let e,n={};const s=(s,i)=>(s=new URL(s+".js",i).href,n[s]||new Promise((n=>{if("document"in self){const e=document.createElement("script");e.src=s,e.onload=n,document.head.appendChild(e)}else e=s,importScripts(s),n()})).then((()=>{let e=n[s];if(!e)throw new Error(`Module ${s} didn’t register its module`);return e})));self.define=(i,r)=>{const t=e||("document"in self?document.currentScript.src:"")||location.href;if(n[t])return;let o={};const l=e=>s(e,t),d={module:{uri:t},exports:o,require:l};n[t]=Promise.all(i.map((e=>d[e]||l(e)))).then((e=>(r(...e),o)))}}define(["./workbox-7ee2d773"],(function(e){"use strict";self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"suppress-warnings.js",revision:"d41d8cd98f00b204e9800998ecf8427e"},{url:"index.html",revision:"0.m7qjq2bmd88"}],{}),e.cleanupOutdatedCaches(),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("index.html"),{allowlist:[/^\/$/]})),e.registerRoute((({request:e,sameOrigin:n})=>n&&"navigate"===e.mode),new e.NetworkOnly({plugins:[{handlerDidError:async()=>Response.redirect("404",302),cacheWillUpdate:async()=>null}]}),"GET")}));