Initial commit

js/components/app-nav/app-nav.html

@@ -0,0 +1,7 @@
+<ul>
+  <li v-for="(index, project) in configure.projects">
+    <a href="javascript:;" :class="{ active: activeIndex === index }" :title="project.name" @click="select(index)">
+      <i class="icon-folder"></i>{{ project.name }}
+    </a>
+  </li>
+</ul>

js/components/app-nav/index.js

@@ -0,0 +1,30 @@
+/**
+ * Created by nuintun on 2015/11/20.
+ */
+
+'use strict';
+
+var fs = require('fs');
+var path = require('path');
+var Vue = require('../../vue/vue');
+
+module.exports = Vue.component('app-nav', {
+  template: fs.readFileSync(path.join(__dirname, 'app-nav.html')).toString(),
+  props: {
+    activeIndex: {
+      type: Number,
+      twoWay: true,
+      required: true
+    },
+    configure: {
+      type: Object,
+      twoWay: true,
+      required: true
+    }
+  },
+  methods: {
+    select: function (index){
+      this.activeIndex = index;
+    }
+  }
+});