From e27e9a2e9e4170501d550b2159db352c7e9dbd02 Mon Sep 17 00:00:00 2001 From: Alexis <35.alexis.pele@gmail.com> Date: Sun, 28 Mar 2021 18:34:56 +0200 Subject: [PATCH] + Added old store (that doesn't work yet) --- full-skies-nuxt/store/README.md | 10 ---- full-skies-nuxt/store/index.js | 86 +++++++++++++-------------- full-skies-nuxt/store/toasts.js | 27 +++++++++ full-skies-nuxt/store/toasts/index.js | 23 ------- 4 files changed, 69 insertions(+), 77 deletions(-) delete mode 100644 full-skies-nuxt/store/README.md create mode 100644 full-skies-nuxt/store/toasts.js delete mode 100644 full-skies-nuxt/store/toasts/index.js diff --git a/full-skies-nuxt/store/README.md b/full-skies-nuxt/store/README.md deleted file mode 100644 index 1972d27..0000000 --- a/full-skies-nuxt/store/README.md +++ /dev/null @@ -1,10 +0,0 @@ -# STORE - -**This directory is not required, you can delete it if you don't want to use it.** - -This directory contains your Vuex Store files. -Vuex Store option is implemented in the Nuxt.js framework. - -Creating a file in this directory automatically activates the option in the framework. - -More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/vuex-store). diff --git a/full-skies-nuxt/store/index.js b/full-skies-nuxt/store/index.js index c2fffbd..6f81cf7 100644 --- a/full-skies-nuxt/store/index.js +++ b/full-skies-nuxt/store/index.js @@ -1,50 +1,48 @@ -import toastStore from './toasts' +export const state = () => ({ + user: { + avatarUrl: '', + favourites: [] + } +}) -export default { - state: () => ({ - user: { - avatarUrl: '', - favourites: [] - } - }), - getters: { - // Returns the number of favs for the user - favCount: (state) => { - return state.user.favourites.length - }, - // Returns true if celestial is fav - isFav: state => (celestialId) => { - return state.user.favourites.find(fav => fav.id === celestialId) - } +export const getters = { + // Returns the number of favs for the user + favCount: (state) => { + return state.user.favourites.length }, - mutations: { - addFav: (state, celestialId) => { - state.user.favourites.push({ id: celestialId }) - }, - removeFav: (state, celestialId) => { - state.user.favourites = state.user.favourites.filter( - fav => fav.id !== celestialId - ) - } + // Returns true if celestial is fav + isFav: state => (celestialId) => { + return state.user.favourites.find(fav => fav.id === celestialId) + } +} + +export const mutations = { + addFav: (state, celestialId) => { + state.user.favourites.push({ id: celestialId }) }, - actions: { - toggleFav: ({ commit, getters }, celestialId) => { - // If the celestial is not faved - if (!getters.isFav(celestialId)) { - // ... favs it - commit('addFav', celestialId) - } else { - // ...else unfavs - commit('removeFav', celestialId) - } - } - }, - modules: { - toasts: { - namespaced: true, - state: toastStore.state, - mutations: toastStore.mutations, - actions: toastStore.actions + removeFav: (state, celestialId) => { + state.user.favourites = state.user.favourites.filter( + fav => fav.id !== celestialId + ) + } +} + +export const actions = { + toggleFav: ({ commit, getters }, celestialId) => { + // If the celestial is not faved + if (!getters.isFav(celestialId)) { + // ... favs it + commit('addFav', celestialId) + } else { + // ...else unfavs + commit('removeFav', celestialId) } } } + +export default { + state, + getters, + mutations, + actions +} diff --git a/full-skies-nuxt/store/toasts.js b/full-skies-nuxt/store/toasts.js new file mode 100644 index 0000000..d6d9791 --- /dev/null +++ b/full-skies-nuxt/store/toasts.js @@ -0,0 +1,27 @@ +export const state = () => ({ + queue: [] +}) + +export const mutations = { + pushToast: (state, toast) => { + state.queue.push(toast) + }, + purgeToast: (state, toastId) => { + state.queue = state.queue.filter(toast => toast.id !== toastId) + } +} + +export const actions = { + pushToast: ({ commit }, toast) => { + commit('pushToast', toast) + }, + purgeToast: ({ commit }, toastId) => { + commit('purgeToast', toastId) + } +} + +export default { + state, + mutations, + actions +} diff --git a/full-skies-nuxt/store/toasts/index.js b/full-skies-nuxt/store/toasts/index.js deleted file mode 100644 index 5bcdfeb..0000000 --- a/full-skies-nuxt/store/toasts/index.js +++ /dev/null @@ -1,23 +0,0 @@ -export default { - state: () => { - return { - queue: [] - } - }, - mutations: { - pushToast: (state, toast) => { - state.queue.push(toast) - }, - purgeToast: (state, toastId) => { - state.queue = state.queue.filter(toast => toast.id !== toastId) - } - }, - actions: { - pushToast: ({ commit }, toast) => { - commit('pushToast', toast) - }, - purgeToast: ({ commit }, toastId) => { - commit('purgeToast', toastId) - } - } -}