From b26d8f4cb2bbfea75eeb041a5b01a9c61d013086 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=8Dtalo=20Teixeira?= <italo.brtx@gmail.com>
Date: Sat, 23 Apr 2022 00:30:02 +0200
Subject: [PATCH] feat: move cb functions to methods

---
 lib/cli/src/frameworks/vue/Page.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/lib/cli/src/frameworks/vue/Page.vue b/lib/cli/src/frameworks/vue/Page.vue
index 76913bf7d44..5a45445ed90 100644
--- a/lib/cli/src/frameworks/vue/Page.vue
+++ b/lib/cli/src/frameworks/vue/Page.vue
@@ -2,9 +2,9 @@
   <article>
     <my-header
       :user="user"
-      @login="user = { name: 'Jane Doe' }"
-      @logout="user = null"
-      @createAccount="user = { name: 'Jane Doe' }"
+      @onLogin="onLogin"
+      @onLogout="onLogout"
+      @onCreateAccount="onCreateAccount"
     />
 
     <section>
@@ -72,5 +72,17 @@ export default {
       user: null,
     };
   },
+
+  methods: {
+    onLogin() {
+      this.user = { name: 'Jane Doe' };
+    },
+    onLogout() {
+      this.user = null;
+    },
+    onCreateAccount() {
+      this.user = { name: 'Jane Doe' };
+    },
+  },
 };
 </script>