├── .gitignore ├── README.md ├── bundle.js ├── index.html ├── package.json └── src ├── app.vue ├── artist.vue ├── country.vue ├── footer.vue ├── index.js ├── input-artist.vue ├── nav.vue ├── select-country.vue ├── top.vue └── tracks.vue /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # My Vue.js Boilerplate 2 | 3 | * vue.js 4 | * browserify 5 | * beefy (auto build & livereload) 6 | * vueify 7 | 8 | ## setup 9 | ``` 10 | npm install 11 | ``` 12 | 13 | ## start develop 14 | * livereload and autobuild 15 | * not created bundle.js 16 | ``` 17 | npm run dev 18 | ``` 19 | 20 | ## build 21 | * create bundle.js 22 | ``` 23 | npm run build 24 | ``` 25 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Artist Top Tracks 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "my-vuejs-boilerplate", 3 | "version": "0.0.1", 4 | "description": "vue.js sample project", 5 | "repository": "https://github.com/koba04/vue-boilerplate", 6 | "main": "src/app.coffee", 7 | "dependencies": { 8 | "vue": "yyx990803/vue#0.11.0-rc3", 9 | "superagent": "~0.17.0", 10 | "director": "~1.2.3" 11 | }, 12 | "devDependencies": { 13 | "beefy": "~1.1.0", 14 | "browserify": "~3.41.0", 15 | "coffee-script": "https://registry.npmjs.org/coffee-script/-/coffee-script-1.8.0.tgz", 16 | "insert-css": "^0.2.0", 17 | "stylus": "^0.49.1", 18 | "vueify": "^0.1.0" 19 | }, 20 | "author": "koba04", 21 | "license": "MIT", 22 | "scripts": { 23 | "dev": "beefy src/index.js:bundle.js --live", 24 | "build": "browserify src/index.js > bundle.js" 25 | }, 26 | "browserify": { 27 | "transform": [ 28 | [ 29 | "vueify" 30 | ] 31 | ] 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /src/app.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 10 | 11 | 45 | -------------------------------------------------------------------------------- /src/artist.vue: -------------------------------------------------------------------------------- 1 | 20 | 21 | 35 | 36 | 41 | -------------------------------------------------------------------------------- /src/country.vue: -------------------------------------------------------------------------------- 1 | 21 | 22 | 36 | 37 | 42 | -------------------------------------------------------------------------------- /src/footer.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 13 | 14 | 16 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | var Vue = require('vue'), 2 | director = require('director') 3 | 4 | // register component 5 | Vue.component('top', require('./top.vue')); 6 | Vue.component('artist', require('./artist.vue')); 7 | Vue.component('country', require('./country.vue')); 8 | Vue.component('footer', require('./footer.vue')); 9 | 10 | var app = new Vue(require('./app.vue')); 11 | app.$mount('#app'); 12 | 13 | // routing 14 | var router = new director.Router(); 15 | router.on('artist', function() { app.view = 'artist'; }); 16 | router.on('country', function() { app.view = 'country'; }); 17 | router.on('', function() { app.view = 'top'; }); 18 | router.init(); 19 | 20 | -------------------------------------------------------------------------------- /src/input-artist.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 25 | 26 | 28 | -------------------------------------------------------------------------------- /src/nav.vue: -------------------------------------------------------------------------------- 1 | 5 | 6 | 14 | 15 | 21 | -------------------------------------------------------------------------------- /src/select-country.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 31 | 32 | 34 | -------------------------------------------------------------------------------- /src/top.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 20 | 21 | 26 | -------------------------------------------------------------------------------- /src/tracks.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 19 | 20 | 29 | --------------------------------------------------------------------------------