main.js 1.38 KB
Newer Older
Cole Bemis's avatar
Cole Bemis committed
1
import Vue from 'vue';
Cole Bemis's avatar
Cole Bemis committed
2
import Vuex from 'vuex';
Cole Bemis's avatar
Cole Bemis committed
3
import App from './App';
Cole Bemis's avatar
Cole Bemis committed
4

Cole Bemis's avatar
Cole Bemis committed
5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
const icons = [
  'square',
  'circle',
  'rectangle-vertical',
  'rectangle-horizontal'
];

Vue.use(Vuex);

const store = new Vuex.Store({
  state: {
    icons
  }
});

new Vue({
  el: '#app',
  store,
  components: {App},
  template: '<app/>'
});
Cole Bemis's avatar
Cole Bemis committed
26

Cole Bemis's avatar
Cole Bemis committed
27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49
// Vue.component('icon', {
//   props: {
//     name: {
//       type: String,
//       required: true
//     },
//     size: {
//       type: String,
//       default: '24'
//     }
//   },
//   template: '#icon-template',
//   mounted() {
//     fetch(`./icons/${this.name}.svg`)
//       .then(response => {
//         if (response.ok) {
//           return response.text();
//         }
//         throw new Error(`Cannot find ${this.name}.svg`);
//       })
//       .then(svgText => {
//         const svgDocument = new DOMParser().parseFromString(svgText, 'image/svg+xml');
//         const svgIcon = svgDocument.querySelector('svg').cloneNode(true);
Cole Bemis's avatar
Cole Bemis committed
50

Cole Bemis's avatar
Cole Bemis committed
51 52
//         svgIcon.setAttribute('width', this.size);
//         svgIcon.setAttribute('height', this.size);
Cole Bemis's avatar
Cole Bemis committed
53

Cole Bemis's avatar
Cole Bemis committed
54 55 56 57 58 59 60
//         this.$el.appendChild(svgIcon);
//       })
//       .catch(error => {
//         console.error(error);
//       });
//   }
// });
Cole Bemis's avatar
Cole Bemis committed
61

Cole Bemis's avatar
Cole Bemis committed
62 63 64 65 66 67 68 69 70
// Vue.component('icon-container', {
//   props: {
//     name: {
//       type: String,
//       required: true
//     }
//   },
//   template: '#icon-container-template'
// })
Cole Bemis's avatar
Cole Bemis committed
71

Cole Bemis's avatar
Cole Bemis committed
72 73