added new stores

src/store/categories/actions.js

+/*
+export function someAction (context) {
+}
+*/

src/store/categories/getters.js

+/*
+export function someGetter (state) {
+}
+*/

src/store/module-example/index.js → src/store/categories/index.js

@@ -5,8 +5,8 @@ import * as actions from './actions'
 
 export default {
   namespaced: true,
+  state,
   getters,
   mutations,
-  actions,
-  state
+  actions
 }

src/store/categories/mutations.js

+/*
+export function someMutation (state) {
+}
+*/

src/store/collections/actions.js

+/*
+export function someAction (context) {
+}
+*/

src/store/collections/getters.js

+/*
+export function someGetter (state) {
+}
+*/

src/store/collections/index.js

+import state from './state'
+import * as getters from './getters'
+import * as mutations from './mutations'
+import * as actions from './actions'
+
+export default {
+  namespaced: true,
+  state,
+  getters,
+  mutations,
+  actions
+}

src/store/collections/mutations.js

+/*
+export function someMutation (state) {
+}
+*/

src/store/collections/state.js

+export default {
+  //
+}

src/store/index.js

@@ -6,6 +6,11 @@ import Vuex from "vuex";
 Vue.use(Vuex);
 
 import auth from "./auth";
+import categories from "./categories";
+import projects from "./projects";
+import collections from "./collections";
+import ui from "./ui";
+
 /*
  * If not building with SSR mode, you can
  * directly export the Store instantiation
@@ -15,7 +20,11 @@ export default function(/* { ssrContext } */) {
   const Store = new Vuex.Store({
     modules: {
       // example
-      auth
+      auth,
+      categories,
+      projects,
+      collections,
+      ui
     },
 
     // enable strict mode (adds overhead!)

src/store/module-example/actions.js

-export function someAction (/* context */) {
-}

src/store/module-example/getters.js

-export function someGetter (/* state */) {
-}

src/store/module-example/mutations.js

-export function someMutation (/* state */) {
-}

src/store/projects/actions.js

+/*
+export function someAction (context) {
+}
+*/
+import "firebase/app";
+
+export function setProjectsRef({ commit }, ref) {}
+export function setCategoryRef({ commit }, ref) {}
+
+export function loadAllProjects({ state, dispatch }) {
+  const db = firebase.database();
+
+  var ref = db
+    .ref("library/projects")
+    .orderByKey()
+    .limitToFirst(state.limit);
+
+  dispatch("setProjectsRef", ref);
+}
+
+export function loadCategory({ state, dispatch }, category_id) {
+  const db = firebase.database();
+
+  var projects_ref = db
+    .ref("library/projects")
+    .orderByChild("category")
+    .equalTo(category_id)
+    .limitToFirst(state.limit);
+
+  var cat_ref = db.ref("library/categories/" + category_id);
+
+  dispatch("setProjectsRef", projects_ref);
+  dispatch("setCategoryRef", cat_ref);
+}

src/store/projects/getters.js

+/*
+export function someGetter (state) {
+}
+*/

src/store/projects/index.js

+import state from './state'
+import * as getters from './getters'
+import * as mutations from './mutations'
+import * as actions from './actions'
+
+export default {
+  namespaced: true,
+  state,
+  getters,
+  mutations,
+  actions
+}

src/store/projects/mutations.js

+/*
+export function someMutation (state) {
+}
+*/

src/store/projects/state.js

+export default {
+  //
+  limit: 50,
+  projects: []
+};

src/store/ui/actions.js

+/*
+export function someAction (context) {
+}
+*/