main.js

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import Web3 from 'web3'
import router from './router'
import Vuetify from 'vuetify'
import Storage from 'vue-ls'
import 'vuetify/dist/vuetify.min.css'
import 'material-design-icons-iconfont/dist/material-design-icons.css'

Vue.config.productionTip = false

Vue.use(Vuetify, {
  theme: {
    primary: '#60903f',
    info: '#7bba4f',
    accent: '#8c9eff',
    error: '#b71c1c'
  }
})

var options = {
  namespace: 'blockid_', // key prefix
  name: 'ls', // name variable Vue.[ls] or this.[$ls],
  storage: 'local' // storage name session, local, memory
}
Vue.use(Storage, options)

var store = {
  debug: true,
  state: {
    identities: []
  },
  addIdentity (identity) {
    if (this.debug) console.log('Identity added to store: ', identity)
    this.state.identities.push(identity)
  },
  removeIdentity (idx) {
    if (this.debug) console.log('Idenity removed from store: ', idx)
    this.state.identities.splice(idx, 1)
  },
  getIdentities () {
    return this.state.identities
  },
  clearIdentities () {
    this.state.identities = []
  }
}

window.addEventListener('load', function () {
  if (typeof web3 !== 'undefined') {
    console.log('Web3 injected browser: OK.')
    window.web3 = new Web3(window.web3.currentProvider)
  } else {
    console.log('Web3 injected browser: Fail. You should consider trying MetaMask.')
    // fallback - use your fallback strategy (local node / hosted node + in-dapp id mgmt / fail)
    window.web3 = new Web3(new Web3.providers.HttpProvider('http://localhost:8545'))
  }

  /* eslint-disable no-new */
  new Vue({
    el: '#app',
    router,
    template: '<App/>',
    components: { App },
    data: store
  })
})