Minor refactoring

demo/server_side_rendering/pages/index.vue

@@ -1,10 +1,11 @@
 <template>
   <div>
-    <modal name="foo">bar</modal>
+    <modal name="foo">Woot</modal>
+    <p>Hi from {{ name }}.</p>
+
     <button @click="$modal.show('foo')">
       Open modal
     </button>
-    <p>Hi from {{ name }}</p>
   </div>
 </template>
 
@@ -17,3 +18,12 @@ export default {
   }
 }
 </script>
+<style>
+body {
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: #2c3e50;
+  padding: 50px;
+}
+</style>

dist/index.js

@@ -95,7 +95,7 @@ var Plugin = {
     this.installed = true;
     this.event = new Vue();
 
-    var $modal = {
+    Vue.prototype.$modal = {
       show: function show(name, params) {
         Plugin.event.$emit('toggle', name, true, params);
       },
@@ -107,7 +107,6 @@ var Plugin = {
       }
     };
 
-    Vue.prototype.$modal = $modal;
     Vue.component('modal', _Modal2.default);
   }
 };

dist/ssr.index.js

@@ -95,7 +95,7 @@ var Plugin = {
     this.installed = true;
     this.event = new Vue();
 
-    var $modal = {
+    Vue.prototype.$modal = {
       show: function show(name, params) {
         Plugin.event.$emit('toggle', name, true, params);
       },
@@ -107,7 +107,6 @@ var Plugin = {
       }
     };
 
-    Vue.prototype.$modal = $modal;
     Vue.component('modal', _Modal2.default);
   }
 };

src/index.js

@@ -9,7 +9,7 @@ const Plugin = {
     this.installed = true
     this.event = new Vue()
 
-    const $modal = {
+    Vue.prototype.$modal = {
       show (name, params) {
         Plugin.event.$emit('toggle', name, true, params)
       },
@@ -23,7 +23,6 @@ const Plugin = {
       }
     }
 
-    Vue.prototype.$modal = $modal
     Vue.component('modal', Modal)
   }
 }