feat: 引入naive-ui

src/App.vue

@@ -9,6 +9,10 @@ async function greet() {
   // Learn more about Tauri commands at https://tauri.app/develop/calling-rust/
   greetMsg.value = await invoke('greet', { name: name.value })
 }
+
+function test() {
+  console.log('test')
+}
 </script>
 
 <template>
@@ -33,6 +37,7 @@ async function greet() {
       <button type="submit">Greet</button>
     </form>
     <p>{{ greetMsg }}</p>
+    <n-button @click="test">测试</n-button>
   </main>
 </template>
 
@@ -122,6 +127,7 @@ button {
 button:hover {
   border-color: #396cd8;
 }
+
 button:active {
   border-color: #396cd8;
   background-color: #e8e8e8;
@@ -151,6 +157,7 @@ button {
     color: #ffffff;
     background-color: #0f0f0f98;
   }
+
   button:active {
     background-color: #0f0f0f69;
   }