beedle/base-directory-tree/src/store.js

Beedle is a tiny little library to help you manage state across your application. Inspired by great libraries like Vuex and Redux, Beedle creates a central store that enables you to both better control and cascade state across your application.

import Vue from 'vue'
import Vuex from 'vuex'
import { name } from './name.js'
import { tree } from './tree.js'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    dark: false,
    //replace this with your own github directory
    github: 'sdras/project-explorer',
    //this lets us know which files to highlight, to open on first visit
    opened: [name],
    //this will show any comments that are relevant to a particular file
    comments: {
      READMEexample: `This is an example of how a note is made! In store.js in the comments object you can write the pathname of any file and the note will appear ☺️. You can delete this now.`
    },
    //the whole directory structure and name of the project
    tree,
    name
  },
  mutations: {
    toggleOpened(state, name) {
      if (state.opened.includes(name)) {
        state.opened = state.opened.filter(e => e !== name)
      } else {
        state.opened.push(name)
      }
    },
    toggleDark(state) {
      state.dark = !state.dark
    }
  }
})