vue-form-for 0.3.1 → 0.3.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 015eb9f37a5a044a4cb60a65b638f588e7446e30
-  data.tar.gz: 4e1c4171f049ce653624f82972a50f3329e2a729
+  metadata.gz: 7cfed9a785f58f2020654b8185875f61ace1deef
+  data.tar.gz: 9f49c4fd722d81122b5db8373297e931fe1b2b61
 SHA512:
-  metadata.gz: d0adfff9bf46564f92f033b55cf097ee21be9972239ba535f0cbeb32d7489f3b0461f12fb3eea468ffa21aa2998cb695640b1d9ddde42b14bff95886e0fd3b04
-  data.tar.gz: a28db07d57e26625897a69980667f498348c69ba00a7da031ee4a573a76949586e3db460d12506c825af1610498dcff65d223c0ec3451296a82ec72acc556c99
+  metadata.gz: 5f3a9ff3d169231c4269943a7f154cdb0213020d34bb346c213b12f7e25b6e7960440eb9f9be4d17f15187b681f715198c632a987c0bb96aeef4e9fef760e550
+  data.tar.gz: d7c4e128b0d0328ddfb89f245be38fbda1303b21940e86011c5b09a3a5cf9c07db3546049c4b2dfef912718c0926b1263abebb5ed65afa8407ce2d4bc95b03ba

data/CHANGELOG.md

@@ -1,8 +1,12 @@
 # CHANGELOG - vue-form-for
 
+## 0.3.2 (2017-05-09)
+
+* Generate correct value for v-model on nested form.
+
 ## 0.3.1 (2017-04-11)
 
-* Fix `check_box` and `radio_button` helper methods
+* Fix `check_box` and `radio_button` helper methods.
 
 ## 0.3.0 (2017-04-09)
 

data/README.md

@@ -6,7 +6,7 @@ A custom Rails form builder for Vue.js
 Synopsis
 --------
 
-```
+```erb
 <%= vue_form_for User.new do |f| %>
   <%= f.text_field :name %>
 <% end %>
@@ -33,7 +33,7 @@ Run `bundle install` on the terminal.
 Usage
 -----
 
-```
+```erb
 <%= vue_form_for User.new do |f| %>
   <%= f.text_field :name %>
   <%= f.submit "Create" %>
@@ -75,7 +75,7 @@ document.addEventListener("DOMContentLoaded", () => {
 
 Add this line to the ERB template:
 
-```text
+```erb
 <%= javascript_pack_tag "new_user_form" %>
 ```
 
@@ -96,16 +96,16 @@ they get transformed into the Vue.js `v-bind` directives.
 
 In the example below, these two lines have the same result:
 
-```
-<%= vue_content_tag(:span, "Hello", bind: { style: "{ color: textColor }" })
-<%= vue_content_tag(:span, "Hello", "v-bind:style" => "{ color: textColor }" })
+```erb
+<%= vue_content_tag(:span, "Hello", bind: { style: "{ color: textColor }" }) %>
+<%= vue_content_tag(:span, "Hello", "v-bind:style" => "{ color: textColor }" }) %>
 ```
 
 Note that you should use the latter style if you want to specify *modifiers*
 to the `v-bind` directives. For example:
 
-```
-<%= vue_content_tag(:span, "Hello", "v-bind:text-content.prop" => "message" })
+```erb
+<%= vue_content_tag(:span, "Hello", "v-bind:text-content.prop" => "message" }) %>
 ```
 
 ### The `:on` option
@@ -115,17 +115,17 @@ they get transformed into the Vue.js `v-on` directives.
 
 In the example below, these two lines have the same result:
 
-```
-<%= vue_content_tag(:span, "Hello", on: { click: "doThis" })
-<%= vue_content_tag(:span, "Hello", "v-on:click" => "doThis" })
+```erb
+<%= vue_content_tag(:span, "Hello", on: { click: "doThis" }) %>
+<%= vue_content_tag(:span, "Hello", "v-on:click" => "doThis" }) %>
 ```
 
 Note that you should use the latter style if you want to specify *modifiers*
 to the `v-on` directives. For example:
 
-```
-<%= vue_content_tag(:span, "Hello", "v-on:click.once" => "doThis" })
-<%= vue_content_tag(:button, "Hello", "v-on:click.prevent" => "doThis" })
+```erb
+<%= vue_content_tag(:span, "Hello", "v-on:click.once" => "doThis" }) %>
+<%= vue_content_tag(:button, "Hello", "v-on:click.prevent" => "doThis" }) %>
 ```
 
 ### Boolean attributes
@@ -136,11 +136,25 @@ the key gets transformed by adding `v-bind:` to its head.
 
 In the example below, these two lines have the same result:
 
+```erb
+<%= vue_content_tag(:button, "Click me!", disabled: "!clickable") %>
+<%= vue_content_tag(:button, "Click me!", "v-bind:disabled" => "!clickable") %>
+```
+
+If you want to add a normal attribute without `v-bind:` prefix,
+specify `true` (boolean) to these keys:
+
+```erb
+<%= vue_content_tag(:button, "Click me!", disabled: true) %>
 ```
-<%= vue_content_tag(:button, "Click me!", disabled: "!clickable")
-<%= vue_content_tag(:button, "Click me!", "v-bind:disabled" => "!clickable")
+
+This line produces the following HTML fragment:
+
+```html
+<button disabled="disabled">Click me!</button>
 ```
 
+
 ### Vue.js directives
 
 If the *HTML options* have one or more of the following keys
@@ -151,16 +165,16 @@ then, these keys get transformed by adding `v-` to their head.
 
 In the example below, these two lines have the same result:
 
-```
-<%= vue_tag(:hr`, `if: "itemsPresent")
-<%= vue_tag(:hr, "v-if" => "itemsPresent")
+```erb
+<%= vue_tag(:hr, if: "itemsPresent") %>
+<%= vue_tag(:hr, "v-if" => "itemsPresent") %>
 ```
 
 Note that the `:else_if` key is transformed into the `v-else-if` directive:
 
-```
-<%= vue_tag(:hr, else_if: "itemsPresent")
-<%= vue_tag(:hr, "v-else-if" => "itemsPresent")
+```erb
+<%= vue_tag(:hr, else_if: "itemsPresent") %>
+<%= vue_tag(:hr, "v-else-if" => "itemsPresent") %>
 ```
 
 ### Extensions to the form building helpers
@@ -171,7 +185,7 @@ have these additional behavior.
 
 Example:
 
-```
+```erb
 <%= vue_form_for User.new do |f| %>
   <%= f.text_field :name, model: "userName" %>
   <label>

data/lib/vue-form-for/form_builder.rb

@@ -9,7 +9,8 @@ module VueFormFor
       class_eval <<-RUBY_EVAL, __FILE__, __LINE__ + 1
         def #{selector}(method, options = {})
           resolve_vue_options(options)
-          options[:"v-model"] ||= "\#{@object_name}.\#{method}"
+          namespace = @object_name.gsub(/\\[/, ".").gsub(/\\]/, "")
+          options[:"v-model"] ||= "\#{namespace}.\#{method}"
           super(method, options)
         end
       RUBY_EVAL

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: vue-form-for
 version: !ruby/object:Gem::Version
-  version: 0.3.1
+  version: 0.3.2
 platform: ruby
 authors:
 - Tsutomu KURODA
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-04-11 00:00:00.000000000 Z
+date: 2017-05-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview