Use Vue 2.0.0

9 years ago · 9216fa8f9e
6 changed files with 15 additions and 22 deletions
--- a/README.md
+++ b/README.md
@ -1,6 +1,6 @@
-# vue-browserify-simple-boilerplate
+# browserify-simple-2.0

-> A simple Browserify + `vueify` setup for quick prototyping.
+> A simple Vue 2.0 Browserify + `vueify` setup for quick prototyping.

 ### Usage

@ -20,7 +20,7 @@ $ npm run dev

 - `npm run build`: Production build with HTML/CSS/JS minification.

-For more information see the [docs for vueify](https://github.com/vuejs/vueify).
+For more information see the [docs for vueify](https://github.com/vuejs/vueify). Also checkout [breaking changes in vueify 9.0.0](https://github.com/vuejs/vueify/releases/tag/v9.0.0).

 ### Fork It And Make Your Own

--- a/template/.babelrc
+++ b/template/.babelrc
@ -1,4 +1,3 @@
 {
-  "presets": ["es2015", "stage-2"],
-  "plugins": ["transform-runtime"]
+  "presets": ["es2015"]
 }
--- a/template/index.html
+++ b/template/index.html
@ -5,7 +5,7 @@
    <title>{{ name }}</title>
  </head>
  <body>
-    <app></app>
+    <div id="app"></div>
    <script src="dist/build.js"></script>
  </body>
 </html>
--- a/template/package.json
+++ b/template/package.json
@ -7,27 +7,25 @@
  {{/private}}
  "scripts": {
    "watchify": "watchify -vd -p browserify-hmr -e src/main.js -o dist/build.js",
-    "serve": "http-server -c 1 -a localhost",
+    "serve": "http-server -s -c 1 -a localhost",
    "dev": "npm-run-all --parallel watchify serve",
-    "build": "cross-env NODE_ENV=production browserify src/main.js | uglifyjs -c warnings=false -m > dist/build.js"
+    "build": "cross-env NODE_ENV=production browserify -g envify src/main.js | uglifyjs -c warnings=false -m > dist/build.js"
  },
  "dependencies": {
-    "vue": "^1.0.0"
+    "vue": "^2.0.0-rc.1"
  },
  "devDependencies": {
    "babel-core": "^6.0.0",
-    "babel-plugin-transform-runtime": "^6.0.0",
    "babel-preset-es2015": "^6.0.0",
-    "babel-preset-stage-2": "^6.0.0",
-    "babel-runtime": "^6.0.0",
-    "cross-env": "^1.0.6",
    "babelify": "^7.2.0",
-    "browserify": "^12.0.1",
+    "browserify": "^13.0.1",
    "browserify-hmr": "^0.3.1",
+    "cross-env": "^1.0.6",
+    "envify": "^3.4.1",
    "http-server": "^0.9.0",
-    "npm-run-all": "^1.6.0",
+    "npm-run-all": "^2.1.2",
    "uglify-js": "^2.5.0",
-    "vueify": "^8.5.2",
+    "vueify": "^9.1.0",
    "watchify": "^3.4.0"
  },
  "browserify": {
--- a/template/src/App.vue
+++ b/template/src/App.vue
@ -8,10 +8,6 @@
 export default {
  data () {
    return {
-      // note: changing this line won't causes changes
-      // with hot-reload because the reloaded component
-      // preserves its current state and we are modifying
-      // its initial state.
      msg: 'Hello Vue!'
    }
  }
--- a/template/src/main.js
+++ b/template/src/main.js
@ -2,6 +2,6 @@ import Vue from 'vue'
 import App from './App.vue'

 new Vue({
-  el: 'body',
-  components: { App }
+  el: '#app',
+  render: h => h(App)
 })