刪除：404.html改用github actions複製index.html改名404.html

Author: xuczxc100

src/components/navbar.vue

@@ -11,7 +11,7 @@
       <a href="/download">📩下載</a>
     </div>
     <div class="navbar-bar">
-      <a href="#" @click="sidebar_toggle" class="sidebar_toggle_bth">
+      <a href="#" @click="$emit('toggle-sidebar')" class="sidebar_toggle_bth">
         <i class="fa-solid fa-bars"></i>
       </a>
     </div>
@@ -98,7 +98,6 @@ export default{
     const web_title = ref("StrawMinecraftLauncher");
     const RWD = document.querySelector(".navbar-links");
 
-    const sidebar_toggle_bth = document.querySelector(".sidebar_toggle_bth")
 
     function renewSize(){
       if(window.innerWidth <= 750){
@@ -107,9 +106,6 @@ export default{
         web_title.value = "StrawMinecraftLauncher";
       }
     }
-    function sidebar_toggle(){
-      sidebar_toggle_bth.classList.toggle(".active")  
-    }
 
     onMounted(() =>{
       window.addEventListener("resize", renewSize)
@@ -120,7 +116,6 @@ export default{
     return {
       web_title,
       RWD,
-      sidebar_toggle,
     }
   }
 }

src/components/sidebar.vue

@@ -0,0 +1,17 @@
+<template>
+
+</template>
+<style scoped>
+
+</style>
+<script>
+
+export default{
+  name: "sidebar",
+
+
+  setup(){
+
+  }
+}
+</script>

src/view/home.vue

@@ -1,5 +1,13 @@
 <template>
-  <navbar_vue />
+  <!-- 接收navbar_vue的事件 -->
+  <navbar_vue 
+    @toggle-sidebar="sidebarOpen = !sidebarOpen; console.log(sidebarOpen);"
+  />
+  <!-- 傳入sidebarOpen -->
+  <!-- :sidebar-open="sidebarOpen" 的 :sidebar-open只是一個用來傳入的模板 -->
+  <sidebar_vue 
+    v-bind:sidebar-open="sidebarOpen" 
+  />
   <main class="main">
     <section class="hero">
       <div>
@@ -112,20 +120,26 @@
 
 </style>
 <script>
+import {ref} from "vue";
+
 import navbar_vue from "../components/navbar.vue";
 import footer_vue from "../components/footer.vue";
+import sidebar_vue from "../components/sidebar.vue"
 
 export default{
   name : "home",
-
+  
   components: {
     navbar_vue,
     footer_vue,
+    sidebar_vue,
   },
 
-  data(){
-    return{
+  setup(){
+    const sidebarOpen = ref(false);
 
+    return{
+      sidebarOpen,
     }
   }
 }