diff options
| -rw-r--r-- | components/TheHeader.vue | 10 | ||||
| -rw-r--r-- | package-lock.json | 5 | ||||
| -rw-r--r-- | package.json | 3 |
3 files changed, 16 insertions, 2 deletions
diff --git a/components/TheHeader.vue b/components/TheHeader.vue index 4d17616..65bd981 100644 --- a/components/TheHeader.vue +++ b/components/TheHeader.vue @@ -7,7 +7,11 @@ }}</nuxt-link> </div> <div class="space"></div> - <button @click="toggleMenu" class="menu-toggler">Menu</button> + <tasty-burger-button + class="menu-toggler" + type="spring" + @toggle="toggleMenu" + /> <ul class="links" :class="{ show: this.showMenu }" @click="toggleMenu"> <!-- Loop for generating links --> <nav-link @@ -21,11 +25,15 @@ </template> <script> +import { TastyBurgerButton } from 'vue-tasty-burgers' +// import 'vue-tasty-burgers/dist/vue-tasty-burgers.css' + import NavLink from './NavLink' export default { name: 'TheHeader', components: { + TastyBurgerButton, NavLink }, props: { diff --git a/package-lock.json b/package-lock.json index 3c259df..91641bb 100644 --- a/package-lock.json +++ b/package-lock.json @@ -17044,6 +17044,11 @@ "loader-utils": "1.2.3" } }, + "vue-tasty-burgers": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/vue-tasty-burgers/-/vue-tasty-burgers-1.1.4.tgz", + "integrity": "sha512-0SA/bgi2roUxM/0Xf0CbttMjhiJe61Yl7ButlX/pEBxpK80c3fEotUPw19FwEiyHj95blGNa0d2anF9giXn9eQ==" + }, "vue-template-compiler": { "version": "2.6.10", "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.6.10.tgz", diff --git a/package.json b/package.json index 6522e9d..b29ef03 100644 --- a/package.json +++ b/package.json @@ -25,7 +25,8 @@ "markdown-it": "^10.0.0", "nuxt": "^2.0.0", "raw-loader": "^3.1.0", - "tough-cookie": "^3.0.1" + "tough-cookie": "^3.0.1", + "vue-tasty-burgers": "^1.1.4" }, "devDependencies": { "@babel/core": "^7.6.4", |