formatting

.vitepress/theme/components/Feedback.vue

@@ -72,7 +72,11 @@ async function handleSubmit(type?: string) {
           </div>
         </div>
         <div class="button-container">
-          <button v-for="item in feedbackOptions" :key="item.value" class="btn" @click="handleSubmit(item.value)">
+          <button
+            v-for="item in feedbackOptions"
+            :key="item.value"
+            class="btn"
+            @click="handleSubmit(item.value)">
             <span>{{ item.label }}</span>
           </button>
         </div>
@@ -82,7 +86,10 @@ async function handleSubmit(type?: string) {
           <p class="desc">The wiki is...</p>
           <div>
             <span>{{ getFeedbackOption(feedback.feedbackType)?.label }}</span>
-            <button style="margin-left: 0.5rem" class="btn" @click="feedback.feedbackType = undefined">
+            <button
+              style="margin-left: 0.5rem"
+              class="btn"
+              @click="feedback.feedbackType = undefined">
               <span class="i-carbon-close">close</span>
             </button>
           </div>

.vitepress/theme/components/Modal.vue

@@ -6,13 +6,12 @@ const showModal = ref(false);
 </script>
 
 <template>
-  <button class="modal-button" @click="showModal = true">Show Modal</button>
+  <button class="modal-button" @click="showModal = true">Feedback</button>
 
   <Teleport to="body">
     <Transition name="modal">
       <div v-show="showModal" class="modal-mask">
         <div class="modal-container">
-          <p>Send Feedback</p>
           <Feedback />
           <div class="model-footer">
             <button class="modal-button" @click="showModal = false">Close</button>

.vitepress/theme/components/SidebarPane.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import Field from "./PaneFields.vue";
-import Modal from "./Modal.vue"
+import Modal from "./Modal.vue";
 </script>
 
 <template>