navbar 개선 > 햄버거 메뉴 클릭

components/shared/Navbar.vue

@@ -6,7 +6,9 @@
       </nuxt-link>
       <!-- Adds click to open -->
       <!-- Adds active class -->
-      <a @click="() => {}"
+      <a 
+         @click="isActive = !isActive"
+         :class="{'isActive' : isActive}"
          role="button"
          class="navbar-burger burger"
          aria-label="menu"
@@ -20,6 +22,7 @@
 
     <!-- Adds active class -->
     <div id="navbarBasicExample"
+         :class="{'is-active': isActive}"
          class="navbar-menu">
       <div class="navbar-start">
         <nav-link to="/" class="navbar-item">
@@ -85,6 +88,11 @@
 import { mapGetters } from 'vuex'
 
 export default {
+  data() {
+    return {
+      isActive: false
+    }
+  },
   computed : {
     ...mapGetters({
       'user': 'auth/authUser',