Add SSR, props.title support HTML

Author: lian-yue

dist/example.js

@@ -1,32 +1,30 @@
+<template>
+<div id="app">
+  <header id="header">
+    <h1>Upload test</h1>
+    <nav>
+      <h2>Navigation</h2>
+      <h3>Please click on the navigation</h3>
+      <ul>
+        <li><router-link to="/">Home</router-link></li>
+        <li><router-link to="/multi">Multi components</router-link></li>
+        <li><router-link to="/cross-router">Cross router</router-link></li>
+        <li><router-link to="/vuex">Vuex</router-link></li>
+      </ul>
+    </nav>
+  </header>
+  <router-view id="main"></router-view>
+  <footer id="footer">
+    <div>Powered by:<a href="//www.lianyue.org">LianYue</a></div>
+  </footer>
+</div>
+</template>
 <style>
 nav {
   margin-bottom: 1em
 }
 </style>
 <script>
 export default {
-  render(h) {
-    return (
-      <div id="app">
-        <header id="header">
-          <h1>Upload test</h1>
-          <nav>
-            <h2>Navigation</h2>
-            <h3>Please click on the navigation</h3>
-            <ul>
-              <li><router-link to="/">Home</router-link></li>
-              <li><router-link to="/multi">Multi components</router-link></li>
-              <li><router-link to="/cross-router">Cross router</router-link></li>
-              <li><router-link to="/vuex">Vuex</router-link></li>
-            </ul>
-          </nav>
-        </header>
-        <router-view id="main"></router-view>
-        <footer id="footer">
-          <div>Powered by:<a href="//www.lianyue.org">LianYue</a></div>
-        </footer>
-      </div>
-    )
-  }
 }
 </script>

dist/example.js.map

@@ -71,7 +71,5 @@ const router = new VueRouter({
 new Vue({
   router,
   store,
-  render(h) {
-    return h(App)
-  }
+  ...App
 }).$mount('#app')

dist/vue-upload-component.js

@@ -33,11 +33,8 @@
   "dependencies": {},
   "devDependencies": {
     "babel-core": "^6.0.0",
-    "babel-helper-vue-jsx-merge-props": "^2.0.2",
     "babel-loader": "^6.0.0",
-    "babel-plugin-syntax-jsx": "^6.18.0",
     "babel-plugin-transform-runtime": "^6.0.0",
-    "babel-plugin-transform-vue-jsx": "^3.3.0",
     "babel-preset-es2015": "^6.0.0",
     "babel-preset-stage-0": "^6.5.0",
     "babel-runtime": "^6.0.0",
@@ -47,13 +44,12 @@
     "file-loader": "^0.8.4",
     "json-loader": "^0.5.4",
     "url-loader": "^0.5.7",
-    "vue": "^2.2.1",
-    "vue-hot-reload-api": "^1.2.0",
-    "vue-html-loader": "^1.0.0",
-    "vue-loader": "^9.5.0",
-    "vue-router": "^2.3.0",
-    "vue-style-loader": "^1.0.0",
-    "vuex": "^2.2.1",
+    "vue": "^2.2.6",
+    "vue-hot-reload-api": "^1.3.3",
+    "vue-loader": "^11.1.4",
+    "vue-router": "^2.4.0",
+    "vue-template-compiler": "^2.2.6",
+    "vuex": "^2.3.1",
     "webpack": "^1.12.2",
     "webpack-dev-server": "^1.12.0"
   }

dist/vue-upload-component.js.map

@@ -1,6 +1,6 @@
 <template>
   <label class="file-uploads" :class="mode === 'html5' ? 'file-uploads-html5' : 'file-uploads-html4'">
-      <span>{{title}}</span>
+      <span class="file-uploads-title" v-html="title"></span>
       <slot></slot>
       <input-file></input-file>
   </label>
@@ -125,6 +125,7 @@ export default {
 
   // 挂载后
   mounted() {
+    return
     var input = document.createElement('input');
     input.type = 'file';
     if (window.FormData && input.files)  {
@@ -398,7 +399,7 @@ export default {
 
       var inputFile = new Component({
         parent: this,
-        el: el,
+        el: el.parentNode,
       });
     },