feat: create support pop up logic

components/utils/SupportPopUpManager.vue

@@ -0,0 +1,38 @@
+<script>
+import { mapGetters, mapMutations } from 'vuex'
+
+export default {
+  data() {
+    return {
+      isSupportPopUpActive: false,
+    }
+  },
+
+  computed: {
+    ...mapGetters(['getTimesTheAppHasBeenOpened']),
+  },
+
+  watch: {
+    getTimesTheAppHasBeenOpened(value) {
+      if (value % 10 === 0) {
+        this.isSupportPopUpActive = true
+        //
+      } else {
+        this.isSupportPopUpActive = false
+      }
+    },
+  },
+
+  mounted() {
+    this.setTimesTheAppHasBeenOpened(this.getTimesTheAppHasBeenOpened + 1)
+  },
+
+  methods: {
+    ...mapMutations(['setTimesTheAppHasBeenOpened']),
+
+    toggleSupportPopUp() {
+      this.isSupportPopUpActive = !this.isSupportPopUpActive
+    },
+  },
+}
+</script>

store/index.js

@@ -4,6 +4,10 @@ export const state = () => ({
   },
 
   errors: undefined,
+
+  statistics: {
+    timesTheAppHasBeenOpened: 0,
+  },
 })
 
 export const getters = {
@@ -14,12 +18,20 @@ export const getters = {
   getErrors(state) {
     return state.errors
   },
+
+  getTimesTheAppHasBeenOpened(state) {
+    return state.statistics.timesTheAppHasBeenOpened
+  },
 }
 
 export const mutations = {
   setErrors(state, value) {
     state.errors = value
   },
+
+  setTimesTheAppHasBeenOpened(state, value) {
+    state.statistics.timesTheAppHasBeenOpened = value
+  },
 }
 
 export const actions = {