From ae2bb3f74affa1b41e4ca52b450d29b726d64c23 Mon Sep 17 00:00:00 2001
From: taskylizard <75871323+taskylizard@users.noreply.github.com>
Date: Sun, 19 Nov 2023 12:04:11 +0000
Subject: [PATCH] Watch route changes for feedback properly

---
 .vitepress/theme/components/Feedback.vue | 13 +++++++------
 .vitepress/types/Feedback.ts             |  2 +-
 .vitepress/vue-shim.d.ts                 |  5 ++---
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/.vitepress/theme/components/Feedback.vue b/.vitepress/theme/components/Feedback.vue
index 726fea320..d15917392 100644
--- a/.vitepress/theme/components/Feedback.vue
+++ b/.vitepress/theme/components/Feedback.vue
@@ -1,12 +1,13 @@
 <script setup lang="ts">
 import { reactive, ref } from "vue";
-import { useRoute } from "vitepress";
+import { useRouter } from "vitepress";
 import { type FeedbackType, getFeedbackOption, feedbackOptions } from "../../types/Feedback";
 
 const loading = ref<boolean>(false);
 const error = ref<unknown>(null);
 const success = ref<boolean>(false);
-const { path } = useRoute();
+
+const router = useRouter();
 
 const feedback = reactive<FeedbackType>({ message: "", contact: "" });
 
@@ -18,7 +19,7 @@ async function handleSubmit(type?: FeedbackType["type"]) {
     message: feedback.message,
     type: feedback.type,
     contact: feedback.contact,
-    page: path,
+    page: router.route.path,
   };
 
   try {
@@ -68,7 +69,7 @@ async function handleSubmit(type?: FeedbackType["type"]) {
       </div>
       <div v-else-if="feedback.type && !success" class="step">
         <div>
-          <p class="desc">The wiki is... • {{ path }}</p>
+          <p class="desc">Page: {{ router.route.path }}</p>
           <div>
             <span>{{ getFeedbackOption(feedback.type)?.label }}</span>
             <button style="margin-left: 0.5rem" class="btn" @click="feedback.type = undefined">
@@ -84,8 +85,8 @@ async function handleSubmit(type?: FeedbackType["type"]) {
           class="btn btn-primary"
           :disabled="
             feedback.message.length < 5 ||
-            feedback.message.length > 1000 ||
-            feedback.contact.length > 100
+              || feedback.message.length > 1000
+              || feedback.contact.length > 100
           "
           @click="handleSubmit()">
           Submit
diff --git a/.vitepress/types/Feedback.ts b/.vitepress/types/Feedback.ts
index b0d9408a8..702b5df53 100644
--- a/.vitepress/types/Feedback.ts
+++ b/.vitepress/types/Feedback.ts
@@ -4,7 +4,7 @@ export const FeedbackSchema = z.object({
   message: z.string().min(5).max(1000),
   type: z.enum(["bug", "suggestion", "appreciate", "other"]),
   contact: z.string().optional(),
-  page: z.string().min(3).max(10),
+  page: z.string().optional(),
 });
 
 export const feedbackOptions = [
diff --git a/.vitepress/vue-shim.d.ts b/.vitepress/vue-shim.d.ts
index d89c2a4a4..1957f94af 100644
--- a/.vitepress/vue-shim.d.ts
+++ b/.vitepress/vue-shim.d.ts
@@ -1,6 +1,5 @@
-import { type Component } from "vue";
-
+/* eslint-disable ts/consistent-type-imports */
 declare module "*.vue" {
-  const component: Component;
+  const component: import("vue").Component;
   export default component;
 }