From 36b7a5de383299759e6c88ebf04b1476c4cb490b Mon Sep 17 00:00:00 2001
From: wzz <280348905@qq.com>
Date: Wed, 19 Oct 2022 16:05:21 +0800
Subject: [PATCH] update app.vue

---
 src/App.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index b4977de..4e8fa20 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,9 @@
 <script setup>
-import { onBeforeMount, onMounted } from "vue";
+import { onBeforeMount, onMounted ,getCurrentInstance} from "vue";
+const { appContext } = getCurrentInstance() 
+const proxy = appContext.config.globalProperties;
+
+
 const data = {
   keys: "",
 };
@@ -9,7 +13,7 @@ const Search = () => {
 };
 
 onMounted(() => {
-  this.$api.get('/status').then((response)=>{
+  proxy.$api({url:"/status",method:"get"}).then((response)=>{
     console.log(response)
   });
 });
@@ -26,9 +30,9 @@ onBeforeMount(() => {});
         <label class="relative block">
           <span class="sr-only">Search</span>
           <span class="absolute inset-y-0 left-0 flex items-center pl-2">
-            <svg class="h-5 w-5 fill-slate-300" viewBox="0 0 20 20"></svg>
+            <svg class="w-5 h-5 fill-slate-300" viewBox="0 0 20 20"></svg>
           </span>
-          <input class="max-w-sm placeholder:italic placeholder:text-slate-400 block bg-white w-full border border-slate-300 rounded-md py-2 pl-9 pr-3 shadow-sm focus:outline-none focus:border-sky-500 focus:ring-sky-500 focus:ring-1 sm:text-sm" placeholder="Search for anything..." type="text" name="search" v-model="data.keys" v-on:keyup.enter="Search()"/>
+          <input class="block w-full max-w-sm py-2 pr-3 bg-white border rounded-md shadow-sm placeholder:italic placeholder:text-slate-400 border-slate-300 pl-9 focus:outline-none focus:border-sky-500 focus:ring-sky-500 focus:ring-1 sm:text-sm" placeholder="Search for anything..." type="text" name="search" v-model="data.keys" v-on:keyup.enter="Search()"/>
         </label>
       </div>
     </div>