vuejs 1.1.0.beta2 → 1.1.0.beta3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ccdc51477ca262d861c03be1932f7d9d5c83cc99b10c6ab4618b441d9c5ca5ea
-  data.tar.gz: c97ea07ed73b4e640de884fcef67cc3d42ad3076605996730dcd91005f38896d
+  metadata.gz: f07a96eab9a53f20b80be71ef9672976e39834c236da04dd301b0799948ff0c3
+  data.tar.gz: 48e4f7f78174ceb061fa12740328ffb593a5bc883e5225b826a454047b8516c9
 SHA512:
-  metadata.gz: 85b9c74a8f439cfa75abe054f9aeebbd9299720e176e994eb46bd309bafa49b1a2ebc719becd1ad490cb50d27edd5138c456b1298901174efddbff7fdf801864
-  data.tar.gz: 5e02a2dd5bb1efbf5e92ee7b8dcc1cba8911ce926501dc2f3ee19acf8bc3c9c6323cee8d82f3f277292662cd3f5e0cc6867449ddab38508cafa60ece82f627e9
+  metadata.gz: '083aaa02c9684dfff34398a87c4ce5d8e1d75df8bf1068de6bfe48477d61a25b79a3dd210da0ff728739a334a25dc366f6a67d823a2e29c9587d5fb3d52d9ba0'
+  data.tar.gz: b68683e49d0760853c1a3bd97c7d9ee1a95f87c18807f83c081c4ec9ee7687874cede8029ce87be37d2f244870e1239b1a5275e219065d5c01a781b17a209fbc

data/README.md

@@ -1,4 +1,4 @@
-# Vuejs Gem
+# Welcome to Vuejs Gem
 
 > Vue for your favourite Ruby on Rails projects
 
@@ -26,9 +26,18 @@ And then execute:
 
     $ bundle
 
-# Webpacker
+## Get started 
 
-## Vue component generator
+To generate an empty Vue on Rails project with all its dependencies, run Rails with its application template
+
+```
+rails new app -m http://vueonrails.com/vue
+```
+
+To browse the application template, it's here http://vueonrails.com/vue
+
+
+## Generate a new Vue component
 
 ```
 rails generate vue something
@@ -36,17 +45,18 @@ rails generate vue something
 
 Note: `vuejs` gem creates vue components as single-file component by default.
 
-To generate a component with seperation of concern, please use the `--seperate` 
+To generate a component with seperation of concern, please use the option `--seperate`, 
+like `rails g vue something --seperate`
 
 > rails g vue something --seperate
 
-## Vue component destroyer
+## Destroy a Vue component
 
 ```
 rails destroy vue something
 ```
 
-## Vue component viewer
+## View a standalone Vue component
 
 Vue-component viewer allows you to browse your individual & independent Vue component easily without its surrounding element outside the scope of the component. Simply visit http://localhost:3000/vue/<name>
 
@@ -55,26 +65,25 @@ To mount the endpoint `/vue/<name>`, go to routes.rb and paste this:
 ```
 mount Vuejs::engine, to: 'vue'
 ```
-## Turbolinks support 
+
+## Generate a Vue component with Turbolinks support
 ```
 rails generate vue something --turbolinks
 ```
 
-## Vuex support - coming soon
+## Generate a Vue component with Vuex support
 
 ```
 rails generate vue something --vuex
 ```
 
-This will add vuex using yarn. And generate a vue component with vuex support
-
-## Enable Specific page vue 
+## Generate a Vue component with Specific Page Vue support 
 
 ```
 rails generate vue something --spv
 ```
 
-### Generate unit tests for component - coming soon
+## Generate a Vue component with unit tests
 
 ```
 rails generate vue something --test

data/app/helpers/syntax_helper.rb

@@ -15,6 +15,15 @@ module SyntaxHelper
      "<p>#{Vuejs::VERSION}</p>".html_safe
   end
   
+  def vue_component(identifier, variable)
+    concat("<div id=\"#{identifier}\" refs=\"#{identifier}\">".html_safe)
+    concat("</div>".html_safe)
+    variable.each {|key, value| 
+      concat("<div id=\"vueonrails-#{key}\" data-#{key}=\"#{value}\">".html_safe)
+      concat("</div>".html_safe)
+    }; nil
+  end
+
   def vue(identifier)
     concat("<div id=\"#{identifier}\" refs=\"#{identifier}\">".html_safe)
     yield

data/lib/generators/generator_templates/packs/index.js

@@ -13,7 +13,8 @@ export default {
     }
   },
   methods: {
-    click: function(response){
+    onClick: function(response){
+      alert("clicked")
       console.log("clicked")
     }
   }, 

data/lib/generators/generator_templates/packs/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="app">
     <p>{{ message }}</p>
-    <button @click="click">toggle</button>
+    <button @click="onClick">click this</button>
   </div>
 </template>
 

data/lib/generators/generator_templates/sfc/single-file-component.vue

@@ -3,7 +3,7 @@
 <template>
   <div id="app">
     <p>{{ message }}</p>
-    <button @click="click">toggle</button>
+    <button @click="onClick">click this</button>
   </div>
 </template>
 
@@ -20,7 +20,8 @@ export default {
     }
   },
   methods: {
-    click: function(response){
+    onClick: function(response){
+      alert("clicked")
       console.log("clicked")
     }
   }, 

data/lib/generators/vue/vue_generator.rb

@@ -63,7 +63,7 @@ class VueGenerator < Rails::Generators::NamedBase
   end
 
   def create_component_with_seperate_concern_using name
-    say "Generating a Vue component with seperation of concern"
+    say "Generated a Vue component with seperation of concern"
     @code = "<%= vue \"#{name}\" %>"
     template "packs/pack.js.erb", "#{PACKS_PATH}/#{name}.js"      
     template "packs/index.vue", "#{PARTS_PATH}/#{name}/#{name}.vue"    
@@ -72,7 +72,7 @@ class VueGenerator < Rails::Generators::NamedBase
   end
 
   def create_single_file_component_using name
-    say "Generating a Single File Component"
+    say "Generated a Single File Component"
     @code = "<%= vue \"#{name}\" %>"
     template "packs/pack.js.erb", "#{PACKS_PATH}/#{name}.js" 
     template "sfc/single-file-component.vue", "#{PARTS_PATH}/#{name}.vue"    

data/lib/vuejs/version.rb

@@ -1,3 +1,3 @@
 module Vuejs
-  VERSION = "1.1.0.beta2"
+  VERSION = "1.1.0.beta3"
 end

data/vendor/assets/javascripts/vue-on-rails.js

@@ -1,3 +1,7 @@
+function erb(variable){
+  return document.getElementById("vueonrails-" + variable).getAttribute("data-" + variable)
+}
+
 function isView(pageClassString){
   if(pageClassString == "###") return
   if(pageClassString != "") pageClassString = pageClassString.replace(/#/g , " ");

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: vuejs
 version: !ruby/object:Gem::Version
-  version: 1.1.0.beta2
+  version: 1.1.0.beta3
 platform: ruby
 authors:
 - Bryan Lim
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-09-04 00:00:00.000000000 Z
+date: 2018-09-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler