vue_on_rails 0.9.6 → 0.9.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 44cba178d9fcdee4a09bcb8e6969b510590fa589
-  data.tar.gz: d155a02addcf11b43bf9e540695b0d3bbdf7483d
+  metadata.gz: 9ef2c61db2d72d94af6a9bd6d09a77d4e99eb047
+  data.tar.gz: 89f9d4529e962d23bf154cc6b8b53661271a4b93
 SHA512:
-  metadata.gz: 5a0099fc74fb0918e829317f94c65abc04d7c7aac797d2f7d73b70a535fed81576e2862ba01e7a4bd8d7c3ebdab287eafbeea13856d48332fe68b54294b1017e
-  data.tar.gz: 1df3b0d77feb32ff16cbec3b32ae920ebf35c87c425acc1160c6bf5f0bb18535a69f78407f07b7395ca1a26d86845fa2f87d3c1c60b4d7630bcdf42ff46a7874
+  metadata.gz: f8c06cafd04674c74f8c3c151e8eb0ad8dbb98cf2589d7a6c26e84ae7bd5849e8c7ccfe5c321157e48755547bd0f011d8bcbba6862c4d1a0cc6e108490be91b6
+  data.tar.gz: 11ce139ddfe0e735b02723645f57a95e8cd798db9dc6c30aad44d29149f371727087ef229f9b13c0f51a74e3c64cec8fd4c21bf2bd4a7f7df6a5427bd170475f

data/README.md

@@ -2,10 +2,9 @@
 
 Easy and simple way to use Vue.js with Ruby on Rails and Turbolinks 5.
 
-This gem is intended to sprinkle your Rails app with Vue components. 
-It's compatible with Turbolinks caching system.
+This gem is intended to sprinkle your Rails app with Vue components. Really lightweight script (1.3KB minified) that mount and destroy Vue components on demand. It's works nicely with Turbolinks rendering and caching system.
 
-If you are building a pure SPA app with Vue and Rails without Turbolinks, please look into:
+If you are building a pure SPA app with Vue and Rails without Turbolinks, you will be better off looking into:
 https://github.com/adambutler/vuejs-rails
 
 ## Requirements
@@ -37,15 +36,15 @@ Require vue_on_rails in application.js
 //= require vue_on_rails
 ```
 
-Init and destroy Vue components:
+Mount and destroy Vue components:
 ```
 # Mount Vue components
 document.addEventListener 'turbolinks:load', ->
-  VueOnRails.init()
+  VueOnRails.mountComponents()
 
 # Destroy Vue components
 document.addEventListener 'turbolinks:before-render', ->
-  VueOnRails.destroy()
+  VueOnRails.destroyComponents()
 ```
 
 Example Vue component in my_component.coffee

data/lib/vue_on_rails/version.rb

@@ -1,3 +1,3 @@
 module VueOnRails
-  VERSION = '0.9.6'
+  VERSION = '0.9.7'
 end

data/vendor/assets/javascripts/vue_on_rails.js

@@ -22,28 +22,23 @@ this.VueOnRails = (function() {
     name = component.getAttribute('data-vue-component');
     props = JSON.parse(component.getAttribute('data-vue-props'));
     if ((namespace && typeof window[namespace][name] === 'object') || window[name] === 'object') {
-      el = document.createElement('element-to-be-mounted');
-      component.innerHTML = '';
-      component.appendChild(el);
-      vm = newVueInstance(name, props, el);
+      vm = newVueInstance(name, props, component);
       return vueModels.push(vm);
     }
   };
 
-  newVueInstance = function(name, props, el) {
-    var component, element, nameFormatted, obj;
-    nameFormatted = camelCaseToHyphen(name);
-    element = document.createElement(nameFormatted);
+  newVueInstance = function(name, props, component) {
+    var nameFormatted = camelCaseToHyphen(name);
+    var element = document.createElement(nameFormatted);
+    var componentName = namespace ? window[namespace][name] : window[name];
     setElementProps(element, props);
-    component = namespace ? window[namespace][name] : window[name];
+    component.innerHTML = '';
+    component.appendChild(element);
+    componentObj = {};
+    componentObj[nameFormatted] = componentName;
     return new Vue({
-      el: el,
-      template: element.outerHTML,
-      components: (
-        obj = {},
-          obj["" + nameFormatted] = component,
-          obj
-      )
+      el: component,
+      components: componentObj
     });
   };
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: vue_on_rails
 version: !ruby/object:Gem::Version
-  version: 0.9.6
+  version: 0.9.7
 platform: ruby
 authors:
 - Benoit Zeler
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-05-02 00:00:00.000000000 Z
+date: 2017-07-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -96,5 +96,6 @@ rubyforge_project:
 rubygems_version: 2.6.11
 signing_key: 
 specification_version: 4
-summary: Easy and simple way to use Vue.js with Ruby on Rails and Turbolinks 5.
+summary: Easy and simple way to mount/destroy Vue.js components with Ruby on Rails
+  and Turbolinks 5.
 test_files: []