diff --git a/2021-05-04_vuex-01-starting-setup/src/App.vue b/2021-05-04_vuex-01-starting-setup/src/App.vue
index 7957780..b45c56f 100644
--- a/2021-05-04_vuex-01-starting-setup/src/App.vue
+++ b/2021-05-04_vuex-01-starting-setup/src/App.vue
@@ -1,30 +1,40 @@
-
+
+
+
+
diff --git a/2021-05-04_vuex-01-starting-setup/src/components/UserAuth.vue b/2021-05-04_vuex-01-starting-setup/src/components/UserAuth.vue
new file mode 100644
index 0000000..c65c921
--- /dev/null
+++ b/2021-05-04_vuex-01-starting-setup/src/components/UserAuth.vue
@@ -0,0 +1,16 @@
+
+
+
+
+
diff --git a/2021-05-04_vuex-01-starting-setup/src/store.js b/2021-05-04_vuex-01-starting-setup/src/store.js
index 21d2a3e..247220f 100644
--- a/2021-05-04_vuex-01-starting-setup/src/store.js
+++ b/2021-05-04_vuex-01-starting-setup/src/store.js
@@ -3,7 +3,8 @@ import { createStore } from 'vuex';
const store = createStore({
state() {
return {
- counter: 0
+ counter: 0,
+ isLoggedIn: false
};
},
mutations: {
@@ -12,6 +13,9 @@ const store = createStore({
},
increase(state, payload) {
state.counter = state.counter + payload.value;
+ },
+ setAuth(state, payload) {
+ state.isLoggedIn = payload.isAuth;
}
},
getters: {
@@ -27,6 +31,9 @@ const store = createStore({
return 100;
}
return finalCounter;
+ },
+ userIsAuthenticated(state) {
+ return state.isLoggedIn;
}
},
actions: {
@@ -37,6 +44,12 @@ const store = createStore({
},
increase(context, payload) {
context.commit('increase', payload);
+ },
+ login(context) {
+ context.commit('setAuth', { isAuth: true });
+ },
+ logout(context) {
+ context.commit('setAuth', { isAuth: false });
}
}
});