From cef4e6373ef248ac0646283707c91a6a14bb6928 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sat, 2 Mar 2024 13:53:53 +0800
Subject: [PATCH] Add 404 page

---
 public/404.html | 32 ++++++++++++++++++++++++++++++++
 vite.config.js  |  1 +
 2 files changed, 33 insertions(+)
 create mode 100644 public/404.html
diff --git a/public/404.html b/public/404.html
new file mode 100644
index 00000000..0fcb4e9a
--- /dev/null
+++ b/public/404.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, viewport-fit=cover"
+    />
+    <title>Page not found</title>
+    <meta name="color-scheme" content="dark light" />
+    <style>
+      body {
+        text-align: center;
+        font-family: ui-rounded, -apple-system, BlinkMacSystemFont, Segoe UI,
+          Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        min-height: 100vh;
+      }
+      h1 {
+        margin: 0;
+        padding: 0;
+      }
+    </style>
+  </head>
+  <body>
+    <h1>Page not found</h1>
+    <p><a href="/">Go home</a></p>
+  </body>
+</html>
diff --git a/vite.config.js b/vite.config.js
index d894d280..c24d4d1a 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -37,6 +37,7 @@ const rollbarCode = fs.readFileSync(
 export default defineConfig({
   base: './',
   envPrefix: allowedEnvPrefixes,
+  appType: 'mpa',
   mode: NODE_ENV,
   define: {
     __BUILD_TIME__: JSON.stringify(now),
