vueonrails 0.2.0 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7a743b4c5529d0e040aaf7fce35bf646505f40ee6024822dcf51ff7240ef235a
-  data.tar.gz: 319e78203b55fd528551b67275a999629149673f72e2ab2a2235cd5b953efcee
+  metadata.gz: 0c980f48cce804008547de766266a31c5e3bb370b99883b90649bb2086650999
+  data.tar.gz: a6799eb9d6ca5f26e90a1b5ea9431b2ffecea361e54a117c7fcab116e460864b
 SHA512:
-  metadata.gz: 91ae09bd0d8c5862513271f14b04f25790bfcb7ea736afc4d0a1919e01f630bfb4d68b8a5f83cf6bd5d27ad40d07125fda61084354091c01db09cbf89e268993
-  data.tar.gz: 0ef16644d1b5582bda93ac8f612db54e6f3e089eb886ed3c688ba22763beec7f37efdc27c6877bf4a68a2d3887acea9f69db890000089afb5ad2b674e5b3f8e7
+  metadata.gz: 9bb9534dac453815cfe61c5283083f3de7fa39650405ca2fe495aeb5721452a5da0b9bed8b3537bc722816167f7f41405e72875420a1fc27b981b1cf59a7c745
+  data.tar.gz: 30dcff3bda7536b5a495441b23a7297e8c7af103a2978fea97db391ae55b30358c243f86d3e641e43196964c02646e8db364697edb29a34f01e59298034a206f

data/README.md

@@ -1,39 +1,59 @@
-# Welcome to Vue on Rails Gem 💎
+# Welcome to Vue on Rails 💎
 
-> Vue for your favourite Ruby on Rails projects
+> Vue for your favorite Rails projects
 
-The Vue on Rails gem makes it easy to build your Rails with Vue components. 
+The Vue on Rails gem makes it easy to build Vue components on your Rails application.
 
-It ships out-of-the-box configuration, component generators and solutions to make life easy for both Vue and Rails. 
+It uses Rails 5.x, Vue 2.x, Webpacker 3.x, Ruby 2.x, Node 11.x, Yarn 1.12.x.
+
+- 💎 Compatible with Rails 6/5/4 and Webpacker
+- 🌎 Internationalization for component parts
+- 🖖 Vue UI ready
+- 🔨 Component generators and scaffolds
+- 📦 Out of the box configuration
+- ✂️ Specific-page Vue
+- 🤡 Jest test ready
+- 🎯 Simple state management
+- 🗃 Easily migrate to Vuex state management
+- 👷🏻️ Asset pipeline helpers
+- 🏎 Kickstart with our Vue on Rails application template at https://vueonrails.com/vue
+
+It ships out-of-the-box configuration, component generators and other solutions to make life easy for both Vue and Rails.
 
 ---
 
 ## Getting Started
 
-Create an empty Vue on Rails project by running with an application template: 
+Create an empty Vue on Rails project by running with an application template:
 
 ```
-rails new app -m http://vueonrails.com/vue
+rails new app -m https://vueonrails.com/vue -d postgresql
 ```
 
-To browse the application template, it's here http://vueonrails.com/vue 
-
+To browse the application template, it's here https://vueonrails.com/vue
 
 ## Manual Installation
 
+Create a Rails app with vue and webpack support.
+
+```
+rails new app --webpack=vue -d postgresql
+```
+
 Add this line to your application's Gemfile and run `bundle`
 
 ```ruby
 gem 'vueonrails'
 ```
+*note*: `vuejs` gem was renamed to `vueonrails`
 
-and run `rails vue:setup`
-
-You can scaffold a Vue component by reading along the [Vue on Rails Handbook](/docs)
+and run `rails vue:setup` to complete the installation
 
 ---
 
-## Getting Help & Contributing Back 
+## Getting Help & Contributing Back
+
+Feel free to contribute back to Vue on Rails via pull requests. Below are some links that you may find useful.
 
 - [Official Rails documentation](https://guides.rubyonrails.org)
 - [Official Vue documentation](https://vuejs.org/v2/guide/)
@@ -44,13 +64,13 @@ You can scaffold a Vue component by reading along the [Vue on Rails Handbook](/d
 - [Stackoverflow.com](https://stackoverflow.com/questions/tagged/vue.js+ruby-on-rails)
 - [Vue on Rails github](https://github.com/vueonrails)
 
-- On stackoverflow.com, tag your Vue on Rails questions with Vue & Rails and we will try to answer you. 
+- On stackoverflow.com, tag your Vue on Rails questions with Vue & Rails and we will try to answer you.
 
 - 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.
 
 - Find a bug? [Submit an issue](https://github.com/vueonrails/vueonrails/issues) on our tracker.
 
-- Find something wrong? [Send a pull request](https://github.com/vueonrails/vueonrails/pulls). 
+- Find something wrong? [Send a pull request](https://github.com/vueonrails/vueonrails/pulls).
 
 ---
 
@@ -58,13 +78,10 @@ You can scaffold a Vue component by reading along the [Vue on Rails Handbook](/d
 
 📮 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!
-
-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.
+Richard LaFranchi and I are writing a book [Vue on Rails](https://vueonrails.com). If you are interested to be one of the early reviewers of our drafts, please email me.
 
 ---
 
 ## MIT License
 
-Bug reports and pull requests are welcome on GitHub at https://github.com/vueonrails/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).
+[MIT](LICENSE.md)

data/app/helpers/syntax_helper.rb

@@ -1,25 +1,25 @@
 module SyntaxHelper
   def specific_page_vue
-    return " #{controller_name} #{action_name} "
+    " #{controller_name} #{action_name} "
   end
 
-  def vue_include_tag(version)
-    javascript_include_tag "https://cdnjs.cloudflare.com/ajax/libs/vue/#{version}/vue.js" if Rails.env.development?
+  def vue_include_tag
+    javascript_include_tag "https://cdn.jsdelivr.net/npm/vue/dist/vue.js" if Rails.env.development?
   end
 
   def rails_version
-    "<p>#{Rails.version}</p>".html_safe
+    content_tag :p, Rails.version
   end
 
   def vue_on_rails_version
-     "<p>#{VueOnRails::VERSION}</p>".html_safe
+    content_tag :p, Vueonrails::VERSION
   end
-  
+
   def vue_component(identifier, variable=nil)
     concat("<div id=\"#{identifier}\" refs=\"#{identifier}\">".html_safe)
     concat("</div>".html_safe)
     if(variable != nil)
-      variable.each {|key, value| 
+      variable.each {|key, value|
         concat("<div id=\"vueonrails-#{key}\" data-#{key}=\'#{value}\'>".html_safe)
         concat("</div>".html_safe)
       }; nil

data/lib/generators/generator_templates/I18n/cn.yml

@@ -0,0 +1,2 @@
+cn:
+  hello: "你好"

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

@@ -0,0 +1,22 @@
+// Generated by Vue on Rails https://github.com/vueonrails/vueonrails
+
+// Generate these JSON locales by running command: rails vue:translate
+// import en from "./en.json";
+// import cn from "./cn.json";
+
+// Import the created JSON locales after running vue:translate command
+const messages = {
+  // ...en,
+  // ...cn
+};
+
+import Vue from "vue";
+import VueI18n from "vue-i18n";
+Vue.use(VueI18n);
+
+const i18n = new VueI18n({
+  locale: "en",
+  messages
+});
+
+export default i18n;

data/lib/generators/generator_templates/forms/index.vue.erb

@@ -1,6 +1,7 @@
-<!-- Generated by Vue on Rails http://github.com/vueonrails/vueonrails -->
+<!-- Generated by Vue on Rails https://github.com/vueonrails/vueonrails -->
 <!-- The corresponding pack is app/javascript/packs/<%= name %>.js -->
 <!-- Generate another component part like this by running command `rails generate vue something` -->
+
 <template>
   <div id="<%= name %>">
     <form-for model="<%= name %>">
@@ -10,8 +11,9 @@
 </template>
 
 <script>
+
+// import store from '@/store'
 export default {
-  // props: {},
   data: function() {
     return {
       message: "Hello <%= name %>!"
@@ -23,12 +25,13 @@ export default {
     }
   },
   methods: {
-    //uncomment the <button  @click="onClick"> at your template
+    //Add the button to your .vue template: <button @click="onClick">click this</button>
     onClick: function() {
       console.log("clicked");
     }
   },
   computed: {}
+  // props: {},
   // components: {},
   // mixins: [],
   // directives: {},

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

@@ -1,11 +1,12 @@
-// Generated by Vue on Rails http://github.com/vueonrails/vueonrails
+// Generated by Vue on Rails https://github.com/vueonrails/vueonrails
 // Generate a component part like this by running command `rails generate vue something`
 // Display this Vue component by adding `require('./<%= name %>')` to app/javascript/packs/application.js
 
+// import store from '@/store'
 export default {
-  // props: {},
   data: function() {
     return {
+      // sharedState: store.state,
       message: "Hello <%= name %>!",
       items: []
     };
@@ -16,12 +17,13 @@ export default {
     }
   },
   methods: {
-    //uncomment the <button  @click="onClick"> at your <%= name %>.vue
+    //Add the button to your .vue template: <button @click="onClick">click this</button>
     onClick: function() {
       console.log("clicked");
     }
   },
   computed: {}
+  // props: {},
   // components: {},
   // mixins: [],
   // directives: {},

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

@@ -1,11 +1,10 @@
-<!-- Generated by Vue on Rails http://github.com/vueonrails/vueonrails -->
+<!-- Generated by Vue on Rails https://github.com/vueonrails/vueonrails -->
 <!-- The corresponding pack is app/javascript/packs/<%= name %>.js -->
 <!-- Generate a component part with separation of concern by running command `rails generate vue something --seperate` -->
 
 <template>
   <div id="<%= name %>">
     <p>{{ message }}</p>
-    <!-- <button @click="onClick">click this</button> -->
   </div>
 </template>
 

data/lib/generators/generator_templates/packs/pack.js.erb

@@ -1,12 +1,12 @@
-// Generated by Vue on Rails http://github.com/vueonrails/vueonrails
+// Generated by Vue on Rails https://github.com/vueonrails/vueonrails
 // Display this Vue component on Rails View by adding `require('./<%= name %>')` to app/javascript/application.js
 // Generate a component part by running command `rails generate vue something`
 
 import Vue from 'vue'
 <% if options['seperate'] -%>
-import App from '../parts/<%= name %>/<%= name %>.vue'
+import App from '@/<%= name %>/<%= name %>.vue'
 <% else -%>
-import App from '../parts/<%= name %>.vue'
+import App from '@/<%= name %>.vue'
 <% end -%>
 
 document.addEventListener('DOMContentLoaded', () => {

data/lib/generators/generator_templates/{sfc/single-file-component.vue → single_file_components/index.vue}

@@ -1,19 +1,19 @@
-<!-- Generated by Vue on Rails http://github.com/vueonrails/vueonrails -->
+<!-- Generated by Vue on Rails https://github.com/vueonrails/vueonrails -->
 <!-- The corresponding pack is app/javascript/packs/<%= name %>.js -->
 <!-- Generate a Single File Component part by running command `rails generate vue something` -->
 
-<template> 
+<template>
   <div id="<%= name %>">
     <p>{{ message }}</p>
-    <!-- <button @click="onClick">click this</button> -->
   </div>
 </template>
 
 <script>
+// import store from '@/store'
 export default {
-  // props: {},
   data: function() {
     return {
+      // sharedState: store.state,
       message: "Hello <%= name %>!"
     };
   },
@@ -23,12 +23,13 @@ export default {
     }
   },
   methods: {
-    //uncomment the <button  @click="onClick"> at your template
+    //Add the button to your template: <button @click="onClick">click this</button>
     onClick: function() {
       console.log("clicked");
     }
   },
   computed: {}
+  // props: {},
   // components: {},
   // mixins: [],
   // directives: {},

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

@@ -0,0 +1,19 @@
+// Generated by Vue on Rails https://github.com/vueonrails/vueonrails
+// A simple state management as described in https://vuejs.org/v2/guide/state-management.html
+
+var store = {
+  debug: true,
+  state: {
+    message: "Hello from Simple Store!"
+  },
+  setMessageAction(newValue) {
+    if (this.debug) console.log("setMessageAction triggered with", newValue);
+    this.state.message = newValue;
+  },
+  clearMessageAction() {
+    if (this.debug) console.log("clearMessageAction triggered");
+    this.state.message = "";
+  }
+};
+
+export default store;

data/lib/generators/generator_templates/tests/{unit.test.js.erb → index.js.erb}

@@ -1,4 +1,4 @@
-// Generated by Vue on Rails http://github.com/vueonrails/vueonrails 
+// Generated by Vue on Rails https://github.com/vueonrails/vueonrails 
 // Generate a component part with test by running command `rails generate vue something --test`
 
 import { shallowMount } from '@vue/test-utils'

data/lib/generators/generator_templates/turbolinks/{turbolinks-pack.js.erb → index.js.erb}

@@ -1,13 +1,13 @@
-// Generated by Vue on Rails http://github.com/vueonrails/vueonrails
+// Generated by Vue on Rails https://github.com/vueonrails/vueonrails
 // Display this Vue component by adding `require('./<%= name %>')` to app/javascript/packs/application.js  
 // Generate a component part like this by running command `rails generate vue something`
 
 import TurbolinksAdapter from 'vue-turbolinks';
 import Vue from 'vue.esm'
 <% if options['seperate'] -%>
-import App from '../parts/<%= name %>/<%= name %>.vue'
+import App from '@/<%= name %>/<%= name %>.vue'
 <% else -%>
-import App from '../parts/<%= name %>.vue'
+import App from '@/<%= name %>.vue'
 <% end -%>
 
 Vue.use(TurbolinksAdapter)

data/lib/generators/options/child.rb

@@ -1,6 +1,6 @@
 template "packs/pack.js.erb", "#{PACKS_PATH}/#{name}.js" 
-template "sfc/single-file-component.vue", "#{PARTS_PATH}/#{name}.vue"    
-template "sfc/single-file-component.vue", "#{PARTS_PATH}/#{child}.vue"    
+template "single_file_components/index.vue", "#{PARTS_PATH}/#{name}.vue"    
+template "single_file_components/index.vue", "#{PARTS_PATH}/#{child}.vue"    
 
 insert_into_file "#{PARTS_PATH}/#{name}.vue",
 "import #{child} from './#{child}.vue'\n", after: "<script>\n"

data/lib/generators/options/parent.rb

@@ -1,3 +1,3 @@
-template "sfc/single-file-component.vue", "#{PARTS_PATH}/#{name}.vue"    
+template "single_file_components/index.vue", "#{PARTS_PATH}/#{name}.vue"    
 insert_into_file "#{PARTS_PATH}/#{parent}.vue",
 "import #{name} from './#{name}.vue';\n", after: "<script>\n"

data/lib/generators/options/single.rb

@@ -1,2 +1,2 @@
 template "packs/pack.js.erb", "#{PACKS_PATH}/#{name}.js" 
-template "sfc/single-file-component.vue", "#{PARTS_PATH}/#{name}.vue"    
+template "single_file_components/index.vue", "#{PARTS_PATH}/#{name}.vue"    

data/lib/generators/options/test.rb

@@ -1 +1 @@
-template "tests/unit.test.js.erb", "#{TESTS_PATH}/#{name}.test.js"      
+template "tests/index.js.erb", "#{TESTS_PATH}/#{name}.test.js"      

data/lib/generators/options/{turbolinks-seperate.rb → turbolinks_seperate.rb}

@@ -1,4 +1,4 @@
-template "turbolinks/turbolinks-pack.js.erb", "#{PACKS_PATH}/#{name}.js"      
+template "turbolinks/index.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,2 @@
+template "turbolinks/index.js.erb", "#{PACKS_PATH}/#{name}.js"      
+template "single_file_components/index.vue", "#{PARTS_PATH}/#{name}.vue"    

data/lib/generators/vue/vue_generator.rb

@@ -39,13 +39,13 @@ class VueGenerator < Rails::Generators::NamedBase
     else 
       if options[:seperate]
         if options[:turbolinks]
-          add_to_component("turbolinks-seperate", name)
+          add_to_component("turbolinks_seperate", name)
         else 
           add_to_component("seperate", name)
         end
       else 
         if options[:turbolinks]
-          add_to_component("turbolinks-single", name)
+          add_to_component("turbolinks_single", name)
         else 
           add_to_component("single", name)
         end

data/lib/installs/config/alias.js

@@ -0,0 +1,14 @@
+// Generated by Vue on Rails https://github.com/vueonrails/vueonrails
+// DO NOT remove as generated components depend on these aliases
+
+module.exports = {
+  resolve: {
+    alias: {
+      "@": "../parts",
+      vue$: "vue/dist/vue.esm.js",
+      tests: "../tests",
+      locales: "../locales"
+    },
+    extensions: [".vue"]
+  }
+};

data/lib/installs/locale.rb

@@ -0,0 +1 @@
+run "yarn add vue-i18n"

data/lib/{install → installs}/setup.rb

@@ -1,5 +1,5 @@
-say "Adding @vue/test-utils and other Jest devdependencies"
-run "yarn add vueonrails @vue/test-utils jest jest-serializer-vue vue-jest babel-jest --dev"
+say "Adding vueonrails, internationalization, @vue/test-utils and other Jest devdependencies"
+run "yarn add vueonrails vue-i18n @vue/test-utils jest jest-serializer-vue vue-jest babel-jest --dev"
 
 # Copy alias.js into Vue on Rails project
 copy_file "#{__dir__}/config/alias.js", Rails.root.join("config/webpack/alias/alias.js").to_s
@@ -68,10 +68,19 @@ eos
 
 insert_into_file Rails.root.join(".babelrc").to_s,
 babelrc, before: "  \"presets\": ["
-  
+
+# Insert locale.js as a default i18n and add second locale cn.yml
+copy_file "#{__dir__}/../generators/generator_templates/i18n/index.js", Rails.root.join("app/javascript/locales/locale.js").to_s
+copy_file "#{__dir__}/../generators/generator_templates/i18n/cn.yml", Rails.root.join("config/locales/cn.yml").to_s
+
+# Insert store.js as a simple store for components' state 
+copy_file "#{__dir__}/../generators/generator_templates/stores/index.js", Rails.root.join("app/javascript/parts/store.js").to_s
+
 # Add Procfile for foreman
 template "#{__dir__}/Procfile",  Rails.root.join("Procfile").to_s
 
 # Add specific_page_vue helper to enable Specific-page Vue
 gsub_file Rails.root.join("app/views/layouts/application.html.erb").to_s, 
-/<body>/, '<body class="<%= specific_page_vue %>">'
+/<body>/, '<%= content_tag :body, class: specific_page_vue do %>'
+gsub_file Rails.root.join("app/views/layouts/application.html.erb").to_s, 
+/<\/body>/, '<% end %>'

data/lib/{install/spv.rb → installs/specific_page_vue.rb}

@@ -1,5 +1,7 @@
 gsub_file Rails.root.join("app/views/layouts/application.html.erb").to_s, 
-/<body>/, '<body class="<%= specific_page_vue %>">'
+/<body>/, '<%= content_tag :body, class: specific_page_vue do %>'
+gsub_file Rails.root.join("app/views/layouts/application.html.erb").to_s, 
+/<\/body>/, '<% end %>'
 
 pack_tag = <<-eos
     <%= javascript_pack_tag 'application' %>

data/lib/installs/turbolinks.rb

@@ -0,0 +1 @@
+run "yarn list vue-turbolinks --no-progress --silent"

data/lib/tasks/assets.rake

@@ -5,6 +5,8 @@ namespace :vue do
   task :assets do
     version = "2.5.16"
     source = "https://cdnjs.cloudflare.com/ajax/libs/vue/#{version}/vue.js"
+    # TODO move the old vue.js into a folder and timestamp it.
+    # TODO 
     output = "app/assets/javascripts/vue.js"
     done = File.write output, open(source).read
     $stdout.puts "Added Vue.js #{version} (#{source}) into assets pipeline (#{output})" if done != nil

data/lib/tasks/info.rake

@@ -11,7 +11,7 @@ namespace :vue do
     $stdout.puts "Node: #{`node --version`}"
     $stdout.puts "Yarn: #{`yarn --version`}"
     $stdout.puts "\n"
-    $stdout.puts "#{`yarn list @rails/webpacker vue vue-loader vuex vue-template-compiler webpack-dev-server @vue/test-utils babel-jest jest jest-serializer-vue vue-jest`}"
+    $stdout.puts "#{`yarn list @rails/webpacker vueonrails vue-i18n vue vue-loader vuex vue-template-compiler webpack-dev-server @vue/test-utils jest jest-serializer-vue vue-jest babel-jest`}"
     $stdout.puts "\n"
 
     $stdout.puts "Is bin/webpack present?: #{File.exist? 'bin/webpack'}"

data/lib/tasks/translate.rake

@@ -0,0 +1,19 @@
+namespace :vue do
+  desc "Translate Rails' locale into Vue's locale"
+  task :translate do
+    Dir.foreach("config/locales/").each do |locale|
+      next if locale == '.' or locale == '..'
+      config = YAML.load_file("config/locales/#{locale}")
+      name = locale.to_s.split('.').first if locale.to_s.split('.') != nil
+      if name != nil
+        hash = Hash.new
+        hash[name] = config[name]
+
+        File.open("app/javascript/locales/#{name}.json", 'w') { |file| 
+          file.puts JSON.pretty_generate(hash)
+           $stdout.puts "Created app/javascript/locales/#{name}.json"
+        }
+      end
+    end
+  end
+end

data/lib/tasks/vue.rake

@@ -1,19 +1,20 @@
 bin_path = ENV["BUNDLE_BIN"] || "./bin"
 
 TASKS = {
+  locale: "install vue-i18n",
   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?"
+  specific_page_vue: "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__)
+      template = File.expand_path("../installs/#{task_name}.rb", __dir__)
       base_path =
       if Rails::VERSION::MAJOR >= 5
         "#{RbConfig.ruby} #{bin_path}/rails app:template"

data/lib/vueonrails.rb

@@ -1,13 +1,7 @@
 require "vueonrails/version"
-require "thor"
 
-module VueOnRails
+module Vueonrails
   class Engine < ::Rails::Engine
     engine_name 'vueonrails'
   end
-
-  class Base < Thor
-    check_unknown_options!
-    package_name 'vueonrails'
-  end
 end

data/lib/vueonrails/version.rb

@@ -1,3 +1,3 @@
-module VueOnRails
-  VERSION = "0.2.0"
+module Vueonrails
+  VERSION = "0.3.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: vueonrails
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.0
 platform: ruby
 authors:
 - Bryan Lim
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-11-20 00:00:00.000000000 Z
+date: 2018-12-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -38,6 +38,26 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '10.0'
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.8'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.8.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.8'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.8.0
 description: Ruby on Rails with the power of Vue components
 email:
 - ytbryan@gmail.com
@@ -51,14 +71,17 @@ files:
 - app/helpers/syntax_helper.rb
 - app/views/vue/index.html.erb
 - config/routes.rb
+- lib/generators/generator_templates/I18n/cn.yml
+- lib/generators/generator_templates/I18n/index.js
 - lib/generators/generator_templates/forms/index.vue.erb
 - lib/generators/generator_templates/packs/index.css
 - lib/generators/generator_templates/packs/index.js
 - lib/generators/generator_templates/packs/index.vue
 - lib/generators/generator_templates/packs/pack.js.erb
-- 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/single_file_components/index.vue
+- lib/generators/generator_templates/stores/index.js
+- lib/generators/generator_templates/tests/index.js.erb
+- lib/generators/generator_templates/turbolinks/index.js.erb
 - lib/generators/options/child.rb
 - lib/generators/options/click.rb
 - lib/generators/options/form.rb
@@ -69,30 +92,31 @@ files:
 - 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/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/installs/Procfile
+- lib/installs/config/alias.js
+- lib/installs/locale.rb
+- lib/installs/setup.rb
+- lib/installs/specific_page_vue.rb
+- lib/installs/test.rb
+- lib/installs/turbolinks.rb
+- lib/installs/ui.rb
+- lib/installs/vuex.rb
 - lib/tasks/assets.rake
 - lib/tasks/info.rake
+- lib/tasks/translate.rake
 - lib/tasks/vue.rake
 - lib/vueonrails.rb
-- lib/vueonrails/post_message.rb
 - lib/vueonrails/version.rb
-homepage: http://github.com/vueonrails/vueonrails
+homepage: https://github.com/vueonrails/vueonrails
 licenses:
 - MIT
 metadata: {}
-post_install_message: "Please send your pull request ~> \n  http://github.com/vueonrails/vueonrails"
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -111,5 +135,5 @@ rubyforge_project:
 rubygems_version: 2.7.6
 signing_key: 
 specification_version: 4
-summary: Vue on Rails http://vueonrails.com
+summary: Vue on Rails https://vueonrails.com
 test_files: []

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

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

data/lib/install/config/alias.js

@@ -1,9 +0,0 @@
-module.exports = {
-  resolve: {
-    alias: {
-      '@': '../parts', 
-      'vue$': 'vue/dist/vue.esm.js'
-    }, 
-    extensions: ['.vue']
-  }
-}

data/lib/install/turbolinks.rb

@@ -1,3 +0,0 @@
-# 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/vueonrails/post_message.rb

@@ -1,4 +0,0 @@
-module Log
-  MESSAGE = "Please send your pull request ~> 
-  http://github.com/vueonrails/vueonrails"
-end