vuejs 1.1.0.beta8 → 1.1.0.beta9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 59a21c8c271288914f0c2042c6e66d0f1dfcf3794ecb2cb1d3337d5ee52de411
-  data.tar.gz: 8bbd932072c3118d5a06d6bf048cff093d2f7bf502f5f99f8d2353a7c8f040fb
+  metadata.gz: dc4f7d0ccd9c4c49b951d2e6935fc2f9324cc96445c2e650df8eb52d3a2ad603
+  data.tar.gz: 5a9918f4673802f8869edf4d6b9004ce077b20d13e1c932154687ad3d843ca6d
 SHA512:
-  metadata.gz: a32bb28637f9d5a9b508a1da3c7f93da4298977c29714579d85f3557dc144284e96b8901c0f158b4921fa8e0fc1f6a7d10b3a6697d64d192a6bc18547a4c8d5c
-  data.tar.gz: 4518bd397157286fadbae01837a51734ed03e2c2648c7fa9060a63fab27b9934d347cc067c9cec1359c58a2e314c2d5d1bba72919e64827adb3758657f0e3857
+  metadata.gz: 8ece669487dc16e776fc0a500b54fab711bf9ac7ad685f32cd6bf3fbb76c61a43ff2a09a35470c549da1fe579d54e0f7c972d845ce950d3b030d660a8aa4f9d9
+  data.tar.gz: eedf25468ef8e5d98977c1792f1127911d9184c3d6e96e2e4daa8e4669e09bf85b339593bebb8c7fcfe82f3c9e0393a34d7c0e84dd4884f84d7ea0243e8853ac

data/README.md

@@ -1,139 +1,68 @@
-# Welcome to Vuejs Gem
+# Welcome to Vuejs Gem 💎
 
 > Vue for your favourite Ruby on Rails projects
 
-`vuejs` rubygem makes it easy to get started with Vue on Rails project. To create an empty Vue on Rails project, please run the following command
+This gem aims to make it easy and simple to run Vue on Rails project. It ships out-of-the-box configuration, component generators and solutions to make life easy for both Vue and Rails. 
 
-```
-rails new app -m http://vueonrails.com/vue
-```
-
-## Installation
-
-Add this line to your application's Gemfile and run `bundle`
-
-```ruby
-gem 'vuejs'
-```
-
-and run `rails vue:setup`
+---
 
-## Get started 
+## Getting Started
 
-To generate an empty Vue on Rails project with all its dependencies, run Rails with its application template
+To create an empty Vue on Rails project, please run the following Rails command with an 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
-
-To generate a new vue component is easy. Please run the following command:
-
-```
-rails generate vue something
-```
-
-> Note: `vuejs` gem creates vue components as single-file component by default.
+To browse the application template, it's here http://vueonrails.com/vue 
 
-To generate a component with seperation of concern, please use the option `--seperate`, 
-like `rails g vue something --seperate`
 
-> rails g vue something --seperate
+## Manual Installation
 
-## Destroy a Vue component
+Add this line to your application's Gemfile and run `bundle`
 
-To destroy a vue component is easy. Please run: 
-```
-rails destroy vue something
+```ruby
+gem 'vuejs'
 ```
 
-## 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>
-
-To mount the endpoint `/vue/<name>`, go to routes.rb and paste this: 
-
-```
-mount Vuejs::engine, to: 'vue'
-```
+and run `rails vue:setup`
 
-## Generate a Vue component with Turbolinks support
+You can scaffold a Vue component by reading along the [Vue on Rails Handbook](/vueonrails/tree/master/docs)
 
-```
-rails generate vue something --turbolinks
-```
+---
 
-## Generate a Vue component with Vuex support
+## Getting Help & Contributing Back 
 
-```
-rails generate vue something --vuex
-```
+- [Official Rails documentation](https://guides.rubyonrails.org)
+- [Official Vue documentation](https://vuejs.org/v2/guide/)
+- [vuecomponents.com](https://vuecomponents.com)
+- [Official Find vue curated component](https://curated.vuejs.org)
+- [vuetoolbox.com](http://www.vuetoolbox.com)
+- [github search for vue stuffs](https://github.com/search?o=desc&q=vue&s=stars&type=Repositories)
+- [stackoverflow.com](https://stackoverflow.com/questions/tagged/vue.js+ruby-on-rails)
 
-## Generate a Vue component with Specific Page Vue support 
 
-```
-rails generate vue something --spv
-```
+On stackoverflow.com, tag your Vue on Rails questions with Vue & Rails and we will try to answer you. 
 
-## Generate a Vue component with unit tests
+- And it is likely that I missed some great online materials. If you think there is a more worthy resource, please edit this readme via a pull request.
 
-```
-rails generate vue something --test
-```
+- Find a bug? [Submit an issue](https://github.com/ytbryan/vueonrails/issues) on our tracker.
 
-## Passing Rails Variable into Vue component - coming soon
+- Find something wrong? [Send a pull request](https://github.com/ytbryan/vueonrails/pulls). 
 
 ---
 
-# Some Solution for assets pipeline
-
-### Sprockets::FileNotFound: couldn't find file 'vue-validator'
-
-```
-Sprockets::FileNotFound: couldn't find file 'vue-validator' with type 'application/javascript'
-```
-
-vue-validator has been changed to vue-validator2
-and vue-validator3. Use `//= require vue-validator2` or `//= require vue-validator3` instead.
-
-### Sprockets::FileNotFound: couldn't find file 'vuex'
-
-vuex has been updated to vuex2. Therefore use `//= require vuex2` to resolve the error `Sprockets::FileNotFound: couldn't find file 'vuex'`.
-
-### You are running Vue in development mode.
-
-```
-  You are running Vue in development mode.
-  Make sure to turn on production mode when deploying for production.
-  See more tips at https://vuejs.org/guide/deployment.html
-```
+## Contact
 
-Try to use `//= require vue2.min` to remove the warning statement from console.
+📮 Bryan Lim ytbryan@gmail.com
 
+> If you are using Vue.js via this rubygem, please let me know so that I can list your project/company on this repo. Thank you!
 
-## Requirement
+Richard LaFranchi and I are writing a book [Vue on rails](http://vueonrails.com). If you are interested to be one of the early reviewers of our drafts, please email me.
 
-- Rails 
-- Webpacker 
-- Vue 
-- Node
-- Webpack
+---
 
-## Contributing and License
+## MIT License
 
-Bug reports and pull requests are welcome on GitHub at https://github.com/ytbryan/vuejs. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+Bug reports and pull requests are welcome on GitHub at https://github.com/ytbryan/vueonrails. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
 The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
-
-## Book
-
-Richard LaFranchi and I are writing a book on [Vue on rails](http://vueonrails.com). If you are interested to be one of the early reviewers of our drafts, please email me.
-
-## Contact
-
-📮 Bryan Lim ytbryan@gmail.com
-
-> If you are using Vue.js via this rubygem, do let me know so that I can list your project/company on this repo. Thank you!

data/app/helpers/syntax_helper.rb

@@ -1,5 +1,5 @@
 module SyntaxHelper
-  def page_specific_vue
+  def specific_page_vue
     return " #{controller_name} #{action_name} "
   end
 
@@ -26,11 +26,11 @@ module SyntaxHelper
     end
   end
 
-  def vue(identifier)
-    concat("<div id=\"#{identifier}\" refs=\"#{identifier}\">".html_safe)
-    yield
-    concat("</div>".html_safe)
-  end
+  # def vue(identifier)
+  #   concat("<div id=\"#{identifier}\" refs=\"#{identifier}\">".html_safe)
+  #   yield
+  #   concat("</div>".html_safe)
+  # end
 
-  alias v vue
+  # alias v vue
 end

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

@@ -16,8 +16,8 @@ export default {
     }
   },
   methods: {
-    onClick: function(response){
-      alert("clicked")
+    //uncomment the <button  @click="onClick"> at your <%= name %>.vue 
+    onClick: function(){
       console.log("clicked")
     }
   }, 

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

@@ -22,8 +22,8 @@ export default {
     }
   },
   methods: {
-    onClick: function(response){
-      alert("clicked")
+    //uncomment the <button  @click="onClick"> at your template
+    onClick: function(){
       console.log("clicked")
     }
   }, 

data/lib/generators/generator_templates/turbolinks/turbolinks-pack.js.erb

@@ -10,8 +10,8 @@ import App from '../parts/<%= name %>/<%= name %>.vue'
 <% else -%>
 import App from '../parts/<%= name %>.vue'
 <% end -%>
-Vue.use(TurbolinksAdapter)
 
+Vue.use(TurbolinksAdapter)
 document.addEventListener('turbolinks:load', () => {
   if(isView("###")){
     const <%= name %> = new Vue({

data/lib/generators/options/click.rb

@@ -0,0 +1,10 @@
+click = <<-eos
+<button @click="onClick()">click</button>
+eos
+
+say "Inserted click example into component"
+insert_into_file "#{PARTS_PATH}/#{name}.vue",
+click, after: "<p>{{ message }}</p>\n"
+
+insert_into_file "#{PARTS_PATH}/#{name}.vue",
+"      alert('click');\n", after: "console.log(\"clicked\")\n"

data/lib/generators/options/form.rb

@@ -0,0 +1,19 @@
+say "Inserted form example into component"
+insert_into_file "#{PACKS_PATH}/#{name}.js" ,
+"import FormFor from 'vue-form-for'\n",
+after: "import Vue from 'vue'\n"
+
+insert_into_file "#{PACKS_PATH}/#{name}.js",
+"Vue.use(FormFor)\n",
+before: "document.addEventListener"
+
+form = <<-eos
+    <form-for model="#{name}">
+      <text-field/>
+      <submit-tag/>
+    </form-for>
+eos
+
+insert_into_file "#{PARTS_PATH}/#{name}.vue",
+form,
+after: "<p>{{ message }}</p>\n"

data/lib/generators/options/list.rb

@@ -0,0 +1,32 @@
+list = <<-eos
+    <button @click="add()">add</button>
+    <button @click="remove()">remove</button>
+    <ul>
+      <li v-for="(item, index) in items" :key="index">
+        {{item}}
+      </li>
+    </ul>
+eos
+
+array = <<-eos
+      items: [],
+eos
+
+addandremove = <<-eos
+    remove: function(){
+      this.items.pop()
+    },
+    add: function(){
+      this.items.push(this.message)
+    },
+eos
+
+say "Inserted list example into component"
+insert_into_file "#{PARTS_PATH}/#{name}.vue",
+list, after: "<p>{{ message }}</p>\n"
+
+insert_into_file "#{PARTS_PATH}/#{name}.vue",
+addandremove, after: "methods: {\n"
+
+insert_into_file "#{PARTS_PATH}/#{name}.vue",
+array, after: "return {\n"

data/lib/generators/options/modal.rb

@@ -0,0 +1,26 @@
+run "yarn add vue-js-modal"
+
+say "Inserted vue-js-modal example into component"
+insert_into_file "#{PACKS_PATH}/#{name}.js" ,
+"import VModal from 'vue-js-modal'\n",
+after: "import Vue from 'vue'\n"
+
+insert_into_file "#{PACKS_PATH}/#{name}.js",
+"Vue.use(VModal)\n",
+before: "document.addEventListener"
+
+modal = <<-eos
+    <button @click="onClick">click this</button>
+    <modal name="hello-world">
+      <div style="padding: 30px;">
+        {{ message }}
+      </div>
+      <v-dialog/>
+    </modal>
+eos
+
+insert_into_file "#{PARTS_PATH}/#{name}.vue",
+modal, after: "<p>{{ message }}</p>\n"
+
+insert_into_file "#{PARTS_PATH}/#{name}.vue",
+"      this.$modal.show('hello-world');\n", after: "console.log(\"clicked\")\n"

data/lib/generators/options/seperate.rb

@@ -0,0 +1,5 @@
+say "Generated a vue component with seperation of concern"
+template "packs/pack.js.erb", "#{PACKS_PATH}/#{name}.js"      
+template "packs/index.vue", "#{PARTS_PATH}/#{name}/#{name}.vue"    
+template "packs/index.js", "#{PARTS_PATH}/#{name}/#{name}.js"
+copy_file "packs/index.css", "#{PARTS_PATH}/#{name}/#{name}.css"

data/lib/generators/options/single.rb

@@ -0,0 +1,3 @@
+say "Generated a single file component"
+template "packs/pack.js.erb", "#{PACKS_PATH}/#{name}.js" 
+template "sfc/single-file-component.vue", "#{PARTS_PATH}/#{name}.vue"    

data/lib/generators/options/table.rb

@@ -0,0 +1,10 @@
+run "yarn add vuetable-2"
+
+say "Inserted table example into component"
+insert_into_file "#{PACKS_PATH}/#{name}.js" ,
+"import Vuetable from 'vuetable-2/src/components/Vuetable'\n",
+after: "import Vue from 'vue'\n"
+
+insert_into_file "#{PACKS_PATH}/#{name}.js",
+"Vue.use(Vuetable)\n",
+before: "document.addEventListener"

data/lib/generators/options/test.rb

@@ -0,0 +1,2 @@
+    say "Included Jest test"
+    template "tests/unit.test.js.erb", "#{TESTS_PATH}/#{name}.test.js"      

data/lib/generators/options/turbolinks-seperate.rb

@@ -0,0 +1,5 @@
+say "Adding turbolinks to a single file component"
+template "turbolinks/turbolinks-pack.js.erb", "#{PACKS_PATH}/#{name}.js"      
+template "packs/index.vue", "#{PARTS_PATH}/#{name}/#{name}.vue"    
+template "packs/index.js", "#{PARTS_PATH}/#{name}/#{name}.js"
+copy_file "packs/index.css", "#{PARTS_PATH}/#{name}/#{name}.css"

data/lib/generators/options/turbolinks-single.rb

@@ -0,0 +1,3 @@
+say "Added turbolinks to a single file component"
+template "turbolinks/turbolinks-pack.js.erb", "#{PACKS_PATH}/#{name}.js"      
+template "sfc/single-file-component.vue", "#{PARTS_PATH}/#{name}.vue"    

data/lib/generators/options/vuex.rb

@@ -0,0 +1,10 @@
+run "yarn add vuex"
+
+say "Added Vuex"
+insert_into_file "#{PACKS_PATH}/#{name}.js" ,
+"import Vuex from 'vuex'\n",
+after: "import Vue from 'vue'\n"
+
+insert_into_file "#{PACKS_PATH}/#{name}.js",
+"Vue.use(Vuex)\n",
+before: "document.addEventListener"

data/lib/generators/vue/vue_generator.rb

@@ -1,95 +1,59 @@
+require 'ostruct'
+
 class VueGenerator < Rails::Generators::NamedBase
   source_root File.expand_path('../../generator_templates', __FILE__)
 
   argument :name, type: :string, default: :index 
-  class_option :seperate, type: :boolean, default: false
-  class_option :vuex, type: :boolean, default: false
-  class_option :turbolinks, type: :boolean, default: false
-  class_option :test, type: :boolean, default: false
-  class_option 'form-for', type: :boolean, default: false
 
   PACKS_PATH = "app/javascript/packs"
   PARTS_PATH = "app/javascript/parts"
   TESTS_PATH = "app/javascript/tests"
 
-  def vue 
-    if options[:seperate] 
+
+  OPTIONS = {
+    test: {type: :boolean, default: false},
+    vuex: {type: :boolean, default: false},
+    form: {type: :boolean, default: false},
+    tab: {type: :boolean, default: false},
+    list: {type: :boolean, default: false},
+    table: {type: :boolean, default: false},
+    modal: {type: :boolean, default: false},
+    click: {type: :boolean, default: false},
+  }.freeze
+
+  class_option :seperate, type: :boolean, default: false
+  class_option :turbolinks, type: :boolean, default: false
+
+  OPTIONS.each do |each_option, value| 
+    class_option each_option, type: :boolean, default: false
+  end
+
+  def vue
+    if options[:seperate]
       if options[:turbolinks]
-        create_turbolink_component_with_seperate_concern_using(name) 
+        add_to_component("turbolinks-seperate", name)
       else 
-        create_component_with_seperate_concern_using(name) 
+        add_to_component("seperate", name)
       end
     else 
       if options[:turbolinks]
-        create_turbolink_single_file_component_using(name) 
+        add_to_component("turbolinks-single", name)
       else 
-        create_single_file_component_using(name) 
+        add_to_component("single", name)
       end
     end
-      
-    options[:test] ? add_tests_to_component(name) : nil
-    options[:vuex] ? add_vuex_to_component(name) : nil
-    options['form-for'] ? add_helpers_to_component(name) : nil
-  end
 
-  private
-
-  def add_tests_to_component name
-    template "tests/unit.test.js.erb", "#{TESTS_PATH}/#{name}.test.js"      
-  end
-  
-  def add_helpers_to_component name
-    insert_into_file "#{PACKS_PATH}/#{name}.js" ,
-    "import FormFor from 'vue-form-for'",
-    after: "import Vue from 'vue'\n"
-
-    insert_into_file "#{PACKS_PATH}/#{name}.js",
-    "Vue.use(FormFor)\n",
-    before: "document.addEventListener"
-
-    run "yarn add vue-form-for"
-  end
-
-  def add_vuex_to_component name
-    insert_into_file "#{PACKS_PATH}/#{name}.js" ,
-    "import Vuex from 'vuex'\n",
-    after: "import Vue from 'vue'\n"
-
-    insert_into_file "#{PACKS_PATH}/#{name}.js",
-    "Vue.use(Vuex)\n",
-    before: "document.addEventListener"
-    run "yarn add vuex"
-  end
-
-  def create_component_with_seperate_concern_using name
-    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"    
-    template "packs/index.js", "#{PARTS_PATH}/#{name}/#{name}.js"
-    copy_file "packs/index.css", "#{PARTS_PATH}/#{name}/#{name}.css"
-  end
-
-  def create_single_file_component_using name
-    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"    
-  end
-
-  def create_turbolink_single_file_component_using name
-    say "Adding turbolinks to a single file component"
-    @code = "<%= vue \"#{name}\" %>"
-    template "turbolinks/turbolinks-pack.js.erb", "#{PACKS_PATH}/#{name}.js"      
-    template "sfc/single-file-component.vue", "#{PARTS_PATH}/#{name}.vue"    
+    OPTIONS.each do |each_option, value| 
+      options[each_option] ? add_to_component(each_option, name) : nil
+    end
   end
 
-  def create_turbolink_component_with_seperate_concern_using name
-    say "Adding turbolinks to vue component with seperate of concerns"
-    @code = "<%= vue \"#{name}\" %>"
-    template "turbolinks/turbolinks-pack.js.erb", "#{PACKS_PATH}/#{name}.js"      
-    template "packs/index.vue", "#{PARTS_PATH}/#{name}/#{name}.vue"    
-    template "packs/index.js", "#{PARTS_PATH}/#{name}/#{name}.js"
-    copy_file "packs/index.css", "#{PARTS_PATH}/#{name}/#{name}.css"
+  private
+  def add_to_component(example, name)
+    puts "add to component #{name} running #{example}"
+    namespace = OpenStruct.new(TESTS_PATH: TESTS_PATH, PARTS_PATH: PARTS_PATH, PACKS_PATH: PACKS_PATH, name: name)
+    template = File.read(File.expand_path("../options/#{example}.rb", __dir__))
+    erbtemplate = ERB.new(template).result(namespace.instance_eval { binding })
+    eval erbtemplate
   end
 end

data/lib/install/Procfile

@@ -0,0 +1,2 @@
+rails: rails server -p 3000
+webpack: ./bin/webpack-dev-server

data/lib/install/setup.rb

@@ -1,18 +1,25 @@
-say "Adding alias.js to config/webpack/alias"
+say "Adding @vue/test-utils and other Jest devdependencies"
+run "yarn add @vue/test-utils jest jest-serializer-vue vue-jest babel-jest --dev --no-progress --silent"
+
+say "Setup Vue on Rails"
 copy_file "#{__dir__}/config/alias.js", Rails.root.join("config/webpack/alias/alias.js").to_s
 
-say "Adding alias configuration to config/webpack/environment.js"
+# say "Adding alias configuration to config/webpack/environment.js"
 insert_into_file Rails.root.join("config/webpack/environment.js").to_s,
   "const alias =  require('./alias/alias')\n",
   after: "require('@rails/webpacker')\n"
 
-say "Adding javascript_packs_tag and stylesheet_packs_tag into head"
+pack_tag =   <<-eos
+    <%= javascript_pack_tag 'application' %>
+    <%= stylesheet_pack_tag 'application' %>
+eos
+
+# say "Added javascript_packs_tag and stylesheet_packs_tag into head"
 insert_into_file Rails.root.join("app/views/layouts/application.html.erb").to_s,
-"   <%= javascript_pack_tag 'application' %>
-    <%= stylesheet_pack_tag 'application' %>\n",
+pack_tag,
 before: "  </head>\n"
 
-say "Adding hello vue example"
+# say "Added hello vue example"
 insert_into_file Rails.root.join("app/javascript/packs/application.js").to_s,
 "\nrequire('./hello_vue')\n",
 after: "console.log('Hello World from Webpacker')\n"
@@ -23,11 +30,11 @@ insert_into_file Rails.root.join("config/webpack/environment.js").to_s,
 
 scripts =   <<-eos
   "scripts": {
-    "rails server": "rails server",
-    "webpack-dev-server": "./bin/webpack-dev-server", 
-    "rails assets:precompile": "yarn install; rails assets:precompile",
+    "yarn test": "jest",
     "yarn install": "yarn install",
-    "yarn test": "jest"
+    "rails assets:precompile": "yarn install; rails assets:precompile",
+    "rails server": "rails server",
+    "webpack-dev-server": "./bin/webpack-dev-server"
   },
   "jest": {
     "moduleFileExtensions": [
@@ -47,12 +54,12 @@ scripts =   <<-eos
   },
 eos
 
-say "Adding scripts and Jest configuration to package.json"
+# say "Added scripts and Jest configuration to package.json"
 insert_into_file Rails.root.join("package.json").to_s,
   "#{scripts}",
   after: "\"private\": true,\n"
 
-say "Adding test presets to .babelrc"
+# say "Adding test presets to .babelrc"
 babelrc = <<-eos
   "env": {
     "test": {
@@ -67,5 +74,9 @@ insert_into_file Rails.root.join(".babelrc").to_s,
   "#{babelrc}",
   before: "  \"presets\": ["
   
-say "Adding @vue/test-utils and other Jest devdependencies"
-run "yarn add @vue/test-utils jest jest-serializer-vue vue-jest babel-jest --dev"
+# say "Adding foreman's Procfile"
+template "#{__dir__}/Procfile",  Rails.root.join("Procfile").to_s
+
+# say "Enabling Specific Page Vue"
+gsub_file Rails.root.join("app/views/layouts/application.html.erb").to_s, 
+/<body>/, '<body class="<%= specific_page_vue %>">'

data/lib/install/spv.rb

@@ -0,0 +1,20 @@
+gsub_file Rails.root.join("app/views/layouts/application.html.erb").to_s, 
+/<body>/, '<body class="<%= specific_page_vue %>">'
+
+pack_tag = <<-eos
+    <%= javascript_pack_tag 'application' %>
+    <%= stylesheet_pack_tag 'application' %>
+eos
+
+# say "Added javascript_packs_tag and stylesheet_packs_tag into head"
+insert_into_file Rails.root.join("app/views/layouts/application.html.erb").to_s,
+pack_tag,
+before: "  </head>\n"
+
+vue_on_rails = <<-eos
+    //= vue-on-rails
+eos
+
+insert_into_file Rails.root.join("app/assets/javascripts/application.js").to_s,
+vue_on_rails,
+before: "//= require_tree ."

data/lib/install/test.rb

@@ -43,4 +43,4 @@ insert_into_file Rails.root.join(".babelrc").to_s,
   before: "  \"presets\": ["
 
 say "Adding @vue/test-util and other Jest dependencies"
-run "yarn add jest-serializer-vue vue-jest babel-jest"
+run "yarn add jest-serializer-vue vue-jest babel-jest --no-progress --silent"

data/lib/install/turbolinks.rb

@@ -1,3 +1,3 @@
-@code = "<%= vue \"#{name}\" %>"
-template "packs/pack.js.erb", "#{PACKS_PATH}/#{name}.js" 
-template "sfc/single-file-component.vue", "#{PARTS_PATH}/#{name}.vue"    
+# template "packs/pack.js.erb", "#{PACKS_PATH}/#{name}.js" 
+# template "sfc/single-file-component.vue", "#{PARTS_PATH}/#{name}.vue"    
+run "yarn list vue-turbolinks --no-progress --silent"

data/lib/install/ui.rb

@@ -1,2 +1,4 @@
-say "Adding @vue/cli-service to make Vue-ui compatible"
-run "yarn add @vue/cli-service --dev"
+# say "Adding @vue/cli-service to make Vue-ui compatible"
+# run "yarn add @vue/cli-service --dev"
+
+run "yarn list @vue/cli-service --no-progress --silent"

data/lib/install/vuex.rb

@@ -1,10 +1,12 @@
-say "Adding Vuex & Vuex Rails Plugins to Vue on Rails"
-run "yarn add vuex vuex-rails-plugins"
+# say "Adding Vuex & Vuex Rails Plugins to Vue on Rails"
+# run "yarn add vuex vuex-rails-plugins"
 
-insert_into_file "#{PACKS_PATH}/#{name}.js" ,
-"import Vuex from 'vuex'",
-after: "import Vue from 'vue'\n"
+# insert_into_file "#{PACKS_PATH}/#{name}.js" ,
+# "import Vuex from 'vuex'",
+# after: "import Vue from 'vue'\n"
 
-insert_into_file "#{PACKS_PATH}/#{name}.js",
-"Vue.use(Vuex)\n",
-before: "document.addEventListener"
+# insert_into_file "#{PACKS_PATH}/#{name}.js",
+# "Vue.use(Vuex)\n",
+# before: "document.addEventListener"
+
+puts "vuex"

data/lib/tasks/assets.rake

@@ -1,7 +1,7 @@
 require 'open-uri'
 
 namespace :vue do
-  desc "install vue.js into assets pipeline"
+  desc "Install Vue.js into assets pipeline"
   task :assets do
     version = "2.5.16"
     source = "https://cdnjs.cloudflare.com/ajax/libs/vue/#{version}/vue.js"

data/lib/tasks/info.rake

@@ -1,5 +1,5 @@
 namespace :vue do
-  desc "provide information on Webpacker's environment"
+  desc "Provide information on Webpacker's environment"
   task :info do
     $stdout.puts "Ruby: #{`ruby --version`}"
     $stdout.puts "Rails: #{Rails.version}"

data/lib/tasks/vue.rake

@@ -0,0 +1,27 @@
+bin_path = ENV["BUNDLE_BIN"] || "./bin"
+
+TASKS = {
+  turbolinks: "Check Vue-turbolinks ready", 
+  setup: "Check Vue on Rails ready", 
+  test: "Check Jest tests ready", 
+  vuex: "Check Vuex ready", 
+  ui: "Check Vue-ui ready", 
+  spv: "Check Specific-page Vue ready?"
+}.freeze
+
+namespace :vue do  
+  TASKS.each do |task_name, description|
+    desc description
+    task task_name do
+      template = File.expand_path("../install/#{task_name}.rb", __dir__)
+      base_path =
+      if Rails::VERSION::MAJOR >= 5
+        "#{RbConfig.ruby} #{bin_path}/rails app:template"
+      else
+        "#{RbConfig.ruby} #{bin_path}/rake rails:template"
+      end
+  
+      exec "#{base_path} LOCATION=#{template}"
+    end
+  end
+end

data/lib/vuejs/version.rb

@@ -1,3 +1,3 @@
 module Vuejs
-  VERSION = "1.1.0.beta8"
+  VERSION = "1.1.0.beta9"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: vuejs
 version: !ruby/object:Gem::Version
-  version: 1.1.0.beta8
+  version: 1.1.0.beta9
 platform: ruby
 authors:
 - Bryan Lim
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-09-24 00:00:00.000000000 Z
+date: 2018-10-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -46,7 +46,6 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- LICENSE
 - README.md
 - app/controllers/vue_controller.rb
 - app/helpers/syntax_helper.rb
@@ -59,18 +58,30 @@ files:
 - lib/generators/generator_templates/sfc/single-file-component.vue
 - lib/generators/generator_templates/tests/unit.test.js.erb
 - lib/generators/generator_templates/turbolinks/turbolinks-pack.js.erb
-- lib/generators/generator_templates/vuex/index.js
+- lib/generators/options/click.rb
+- lib/generators/options/form.rb
+- lib/generators/options/list.rb
+- lib/generators/options/modal.rb
+- lib/generators/options/seperate.rb
+- lib/generators/options/single.rb
+- lib/generators/options/table.rb
+- lib/generators/options/test.rb
+- lib/generators/options/turbolinks-seperate.rb
+- lib/generators/options/turbolinks-single.rb
+- lib/generators/options/vuex.rb
 - lib/generators/vue/USAGE
 - lib/generators/vue/vue_generator.rb
+- lib/install/Procfile
 - lib/install/config/alias.js
 - lib/install/setup.rb
+- lib/install/spv.rb
 - lib/install/test.rb
 - lib/install/turbolinks.rb
 - lib/install/ui.rb
 - lib/install/vuex.rb
 - lib/tasks/assets.rake
 - lib/tasks/info.rake
-- lib/tasks/setup.rake
+- lib/tasks/vue.rake
 - lib/vuejs.rb
 - lib/vuejs/post_message.rb
 - lib/vuejs/version.rb

data/LICENSE

@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2016 Bryan Lim (@ytbryan)
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

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

@@ -1,22 +0,0 @@
-// Generated by Vuejs gem ~> github.com/ytbryan/vuejs
-
-export default {
-  // components: {},
-  // mixins: [], 
-  // props: {},
-  data: function() {
-    return {
-      message: "Hello <%= name %>!"
-    };
-  },
-  watch: {
-    onMounted: function(response){
-      this.items = response.data
-    }
-  },
-  methods: {
-    click: function(response){
-      console.log("clicked")
-    }
-  } 
-};

data/lib/tasks/setup.rake

@@ -1,72 +0,0 @@
-bin_path = ENV["BUNDLE_BIN"] || "./bin"
-namespace :vue do  
-  desc "setup your vue on rails project"
-  task :setup do
-    template = File.expand_path("../install/setup.rb", __dir__)
-    base_path =
-    if Rails::VERSION::MAJOR >= 5
-      "#{RbConfig.ruby} #{bin_path}/rails app:template"
-    else
-      "#{RbConfig.ruby} #{bin_path}/rake rails:template"
-    end
-
-    exec "#{base_path} LOCATION=#{template}"
-  end
-
-  desc "install turbolinks"
-  task :turbolinks do
-    template = File.expand_path("../install/turbolinks.rb", __dir__)
-    base_path =
-    if Rails::VERSION::MAJOR >= 5
-      "#{RbConfig.ruby} #{bin_path}/rails app:template"
-    else
-      "#{RbConfig.ruby} #{bin_path}/rake rails:template"
-    end
-
-    exec "#{base_path} LOCATION=#{template}"
-  end
-
-  desc "setup vue on rails to be ready for Jest tests"
-  task :test do
-    template = File.expand_path("../install/test.rb", __dir__)
-    base_path =
-    if Rails::VERSION::MAJOR >= 5
-      "#{RbConfig.ruby} #{bin_path}/rails app:template"
-    else
-      "#{RbConfig.ruby} #{bin_path}/rake rails:template"
-    end
-
-    exec "#{base_path} LOCATION=#{template}"
-  end
-
-  desc "install vuex and vuex-rails-plugins"
-  task :vuex do
-    template = File.expand_path("../install/vuex.rb", __dir__)
-    base_path =
-    if Rails::VERSION::MAJOR >= 5
-      "#{RbConfig.ruby} #{bin_path}/rails app:template"
-    else
-      "#{RbConfig.ruby} #{bin_path}/rake rails:template"
-    end
-
-    exec "#{base_path} LOCATION=#{template}"
-  end
-
-  desc "make this rails project vue-ui compatible"
-  task :ui do
-    template = File.expand_path("../install/ui.rb", __dir__)
-    base_path =
-    if Rails::VERSION::MAJOR >= 5
-      "#{RbConfig.ruby} #{bin_path}/rails app:template"
-    else
-      "#{RbConfig.ruby} #{bin_path}/rake rails:template"
-    end
-
-    exec "#{base_path} LOCATION=#{template}"    
-  end
-
-  desc "is this rail project specific-page vue enabled?"
-  task :spv do
-    puts "check if spv is enabled and setup?"
-  end
-end