From 4510712359a402c3adcafe1b46533e37e3e891f2 Mon Sep 17 00:00:00 2001
From: tonyaellie <tonya@tokia.dev>
Date: Wed, 30 Oct 2024 16:01:05 +0000
Subject: [PATCH 1/4] feat: make 404 follow theme and add a return home page

---
 frontend/layouts/404.vue    | 2 +-
 frontend/pages/[...all].vue | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/layouts/404.vue b/frontend/layouts/404.vue
index 5ee95acc..31e31392 100644
--- a/frontend/layouts/404.vue
+++ b/frontend/layouts/404.vue
@@ -1,5 +1,5 @@
 <template>
-  <main class="grid min-h-screen w-full place-items-center bg-blue-100">
+  <main class="grid min-h-screen w-full place-items-center">
     <slot></slot>
   </main>
 </template>
diff --git a/frontend/pages/[...all].vue b/frontend/pages/[...all].vue
index 0ae6f5c4..2fdddf16 100644
--- a/frontend/pages/[...all].vue
+++ b/frontend/pages/[...all].vue
@@ -8,8 +8,9 @@
 </script>
 
 <template>
-  <h1 class="flex flex-col text-center font-extrabold text-blue-500">
+  <h1 class="flex flex-col text-center font-extrabold">
     <span class="text-7xl">404.</span>
     <span class="mt-5 text-5xl"> Page Not Found </span>
+    <NuxtLink to="/" class="btn mt-5 text-xl"> Return Home </NuxtLink>
   </h1>
 </template>

From 40b1793cce0c920bc9af2a839aa167fad3ee9b6e Mon Sep 17 00:00:00 2001
From: tonyaellie <tonya@tokia.dev>
Date: Wed, 30 Oct 2024 22:40:02 +0000
Subject: [PATCH 2/4] feat: sanitise translations when using v-html

---
 frontend/pages/tools.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/pages/tools.vue b/frontend/pages/tools.vue
index c4597314..6f28cca6 100644
--- a/frontend/pages/tools.vue
+++ b/frontend/pages/tools.vue
@@ -40,7 +40,7 @@
           <DetailAction @action="modals.import = true">
             <template #title> {{ $t("tools.import_export_set.import") }} </template>
             <!-- eslint-disable-next-line vue/no-v-html -->
-            <div v-html="$t('tools.import_export_set.import_sub')"></div>
+            <div v-html="DOMPurify.sanitize($t('tools.import_export_set.import_sub'))"></div>
             <template #button> {{ $t("tools.import_export_set.import_button") }} </template>
           </DetailAction>
           <DetailAction @action="getExportCSV()">
@@ -57,7 +57,7 @@
             <span> {{ $t("tools.actions") }} </span>
             <template #description>
               <!-- eslint-disable-next-line vue/no-v-html -->
-              <div v-html="$t('tools.actions_sub')"></div>
+              <div v-html="DOMPurify.sanitize($t('tools.actions_sub'))"></div>
             </template>
           </BaseSectionHeader>
         </template>
@@ -75,13 +75,13 @@
           <DetailAction @action="resetItemDateTimes">
             <template #title> {{ $t("tools.actions_set.zero_datetimes") }} </template>
             <!-- eslint-disable-next-line vue/no-v-html -->
-            <div v-html="$t('tools.actions_set.zero_datetimes_sub')"></div>
+            <div v-html="DOMPurify.sanitize($t('tools.actions_set.zero_datetimes_sub'))"></div>
             <template #button> {{ $t("tools.actions_set.zero_datetimes_button") }} </template>
           </DetailAction>
           <DetailAction @action="setPrimaryPhotos">
             <template #title> {{ $t("tools.actions_set.set_primary_photo") }} </template>
             <!-- eslint-disable-next-line vue/no-v-html -->
-            <div v-html="$t('tools.actions_set.set_primary_photo_sub')"></div>
+            <div v-html="DOMPurify.sanitize($t('tools.actions_set.set_primary_photo_sub'))"></div>
             <template #button> {{ $t("tools.actions_set.set_primary_photo_button") }} </template>
           </DetailAction>
         </div>
@@ -91,6 +91,7 @@
 </template>
 
 <script setup lang="ts">
+  import DOMPurify from "dompurify";
   import MdiFileChart from "~icons/mdi/file-chart";
   import MdiArrowRight from "~icons/mdi/arrow-right";
   import MdiDatabase from "~icons/mdi/database";

From 76b6c3453300ba682ebaa3bbfc30a8b97f0fd1f3 Mon Sep 17 00:00:00 2001
From: Matt Kilgore <matthew@kilgore.dev>
Date: Thu, 31 Oct 2024 21:41:07 -0400
Subject: [PATCH 3/4] chore: Add native API docs to website

---
 docs/.vitepress/config.mts |  2 +-
 docs/en/api.md             | 31 +++++++++++++++++++++++++++++++
 2 files changed, 32 insertions(+), 1 deletion(-)
 create mode 100644 docs/en/api.md

diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
index 19535d27..263b1ceb 100644
--- a/docs/.vitepress/config.mts
+++ b/docs/.vitepress/config.mts
@@ -41,7 +41,7 @@ export default defineConfig({
     },
     // https://vitepress.dev/reference/default-theme-config
     nav: [
-      { text: 'API', link: 'https://redocly.github.io/redoc/?url=https://raw.githubusercontent.com/sysadminsmedia/homebox/main/docs/docs/api/openapi-2.0.json' },
+      { text: 'API Docs', link: '/en/api' },
       { text: 'Demo', link: 'https://demo.homebox.software' },
     ],
 
diff --git a/docs/en/api.md b/docs/en/api.md
new file mode 100644
index 00000000..9ecce9a3
--- /dev/null
+++ b/docs/en/api.md
@@ -0,0 +1,31 @@
+---
+layout: page
+sidebar: false
+---
+
+<script setup lang="ts">
+import { useData } from 'vitepress';
+
+const elementScript = document.createElement('script');
+elementScript.src = 'https://unpkg.com/@stoplight/elements/web-components.min.js';
+document.head.appendChild(elementScript);
+
+const elementStyle = document.createElement('link');
+elementStyle.rel = 'stylesheet';
+elementStyle.href = 'https://unpkg.com/@stoplight/elements/styles.min.css';
+document.head.appendChild(elementStyle);
+
+const { isDark } = useData();
+let theme = 'light';
+if (isDark.value) {
+  theme = 'dark';
+}
+</script>
+
+<elements-api
+apiDescriptionUrl="https://cdn.jsdelivr.net/gh/sysadminsmedia/homebox@main/docs/docs/api/openapi-2.0.json"
+router="hash"
+layout="responsive"
+hideSchemas="true"
+:data-theme="theme"
+/>
\ No newline at end of file

From d5e66f29b0050feabb82e73ccca541ec4b5e5dc7 Mon Sep 17 00:00:00 2001
From: Matt Kilgore <matthew@kilgore.dev>
Date: Thu, 31 Oct 2024 22:01:32 -0400
Subject: [PATCH 4/4] chore: remove try it button from api docs

---
 docs/en/api.md | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/docs/en/api.md b/docs/en/api.md
index 9ecce9a3..fc8bae6c 100644
--- a/docs/en/api.md
+++ b/docs/en/api.md
@@ -22,6 +22,12 @@ if (isDark.value) {
 }
 </script>
 
+<style>
+.TryItPanel {
+   display: none;
+}
+</style>
+
 <elements-api
 apiDescriptionUrl="https://cdn.jsdelivr.net/gh/sysadminsmedia/homebox@main/docs/docs/api/openapi-2.0.json"
 router="hash"