From 96eb594600f11f97a9fd614ea8544d96877cdf48 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Fri, 14 Jun 2019 21:42:00 +0100
Subject: [PATCH] Change open to isOpen, add toggle method
---
src/components/MainMenu.vue | 14 ++++++++++----
1 file changed, 10 insertions(+), 4 deletions(-)
diff --git a/src/components/MainMenu.vue b/src/components/MainMenu.vue
index 9911e09..b891bd7 100644
--- a/src/components/MainMenu.vue
+++ b/src/components/MainMenu.vue
@@ -3,7 +3,7 @@
<button
type="button"
class="w-full p-3 block sm:hidden bg-blue-100 text-sm text-grey-600 text-left focus:outline-none"
- @click="open = !open"
+ @click="toggle"
>
<div class="flex items-center justify-between">
<div>
@@ -15,7 +15,7 @@
</div>
</button>
- <div class="xl:max-w-6xl mx-auto px-4 sm:block" :class="[ open ? 'block' : 'hidden' ]">
+ <div class="xl:max-w-6xl mx-auto px-4 sm:block" :class="[ isOpen ? 'block' : 'hidden' ]">
<div class="mt-2 sm:mt-0">
<nav class="flex flex-wrap pb-1 md:p-0 -mx-3 sm:-mx-0">
<div
@@ -42,7 +42,7 @@ export default {
data: function () {
return {
activeTab: 0,
- open: false,
+ isOpen: false,
links: [
{
title: 'Home',
@@ -74,7 +74,13 @@ export default {
computed: {
navText: function () {
- return this.open ? 'Hide' : 'Show'
+ return this.isOpen ? 'Hide' : 'Show'
+ }
+ },
+
+ methods: {
+ toggle () {
+ this.isOpen = !this.isOpen
}
}
}