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 11f2b61..a3a6bb6 100644
--- a/2021-05-04_vuex-01-starting-setup/src/App.vue
+++ b/2021-05-04_vuex-01-starting-setup/src/App.vue
@@ -1,8 +1,9 @@
+
-
+
@@ -10,17 +11,19 @@
import BaseContainer from './components/BaseContainer.vue';
import TheCounter from './components/TheCounter.vue';
import ChangeCounter from './components/Changecounter';
+import FavoriteValue from './components/FavoriteValue';
export default {
components: {
BaseContainer,
TheCounter,
- ChangeCounter
+ ChangeCounter,
+ FavoriteValue
},
methods: {
increaseCounter() {
- this.$store.commit('increment');
+ this.$store.commit('increase', { value: 10 });
}
}
};
diff --git a/2021-05-04_vuex-01-starting-setup/src/components/FavoriteValue.vue b/2021-05-04_vuex-01-starting-setup/src/components/FavoriteValue.vue
new file mode 100644
index 0000000..f8017c1
--- /dev/null
+++ b/2021-05-04_vuex-01-starting-setup/src/components/FavoriteValue.vue
@@ -0,0 +1,14 @@
+
+ {{ counter }}
+ More...
+
+
+
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 3751f8f..f779e26 100644
--- a/2021-05-04_vuex-01-starting-setup/src/store.js
+++ b/2021-05-04_vuex-01-starting-setup/src/store.js
@@ -9,6 +9,9 @@ const store = createStore({
mutations: {
increment(state) {
state.counter = state.counter + 1;
+ },
+ increase(state, payload) {
+ state.counter = state.counter + payload.value;
}
}
});