vails 0.0.3

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 2d919c383b064b7035a4eb92ddc54c0d2d881bccdac9c91f8ddd7672e729fae7
+  data.tar.gz: 92fe7c744380da62084b539cd9515a8fc3410cf07b5013bf0b2ba9d41179ade2
+SHA512:
+  metadata.gz: 6fd5b0f39e8dcff5f06c1bbcbf303821152f1508fddbba897cb976adc762a7e9089d2b3d0ded57332b5d115ed5e52fba57472179b04b36d998153c4ea76f36db
+  data.tar.gz: 9758509d0e94e86a73f1a3ec6d12f996a96ae5c66955e3bbac97b2519b8f1024ac1ff697db5f2ea3c138577746b25301958c584a8f2b20886558f2b14cb895ee

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2020 NeeKin
+
+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/README.md

@@ -0,0 +1,28 @@
+# Vails
+Short description and motivation.
+
+## Usage
+How to use my plugin.
+
+## Installation
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'vails'
+```
+
+And then execute:
+```bash
+$ bundle
+```
+
+Or install it yourself as:
+```bash
+$ gem install vails
+```
+
+## Contributing
+Contribution directions go here.
+
+## License
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,27 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Vails'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.md')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+require 'bundler/gem_tasks'
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+task default: :test

data/lib/generators/USAGE

@@ -0,0 +1,8 @@
+Description:
+    Explain the generator
+
+Example:
+    rails generate vails Thing
+
+    This will create:
+        what/will/it/create

data/lib/generators/vails_generator.rb

@@ -0,0 +1,12 @@
+class VailsGenerator < Rails::Generators::NamedBase
+    def vue 
+        log :invoke, "views"
+        invoke "vue:views"
+        log :invoke, "vue_router"
+        invoke "vue:vue_router"
+        log :invoke, "api_file"
+        invoke "vue:api_file"
+        invoke  :model
+        invoke  :scaffold_controller
+    end
+end

data/lib/generators/vue/api_file_generator.rb

@@ -0,0 +1,41 @@
+require "rails/generators/resource_helpers"
+module Vue
+  module Generators
+    class ApiFileGenerator < Rails::Generators::NamedBase
+      include Rails::Generators::ResourceHelpers
+      source_root File.expand_path("../templates", __FILE__)
+      # def the_api_init
+      #   unless File.exist?(Rails.root.join("app/javascript/packs/api", "index.js"))
+      #     create_file "app/javascript/packs/api/index.js", 'export default {}'
+      #   end 
+      #   unless File.exist?(Rails.root.join("app/javascript/packs/api", "methods.js"))
+      #     copy_file 'methods.js', "app/javascript/packs/api/methods.js"
+      #   end 
+      # end
+
+      def copy_api_file
+        log :copy_api, controller_file_path
+        template "javascript/api.js", "app/javascript/packs/api/res/#{controller_file_path}.js"
+      end
+
+      def write_import_api_form_index
+        sentinel = /export default\s*{\s*/m
+        content = "import #{controller_file_path} from './res/#{controller_file_path}' \n"
+        log :import_api, content
+        inject_into_file "app/javascript/packs/api/index.js", content, before: sentinel, verbose: false, force: false
+      end
+      def write_export_api
+        sentinel = /export default\s*{\n*/m
+        content = "#{controller_file_path},\n"
+        log :export_api, controller_file_path
+        inject_into_file "app/javascript/packs/api/index.js", content, after: sentinel, verbose: false, force: false
+      end
+      def write_components
+        sentinel = /<template>\s*\n*<ul>\s*\n*/m
+        content = "<li><router-link to='/#{controller_file_path}'>#{controller_file_path.capitalize}</router-link></li>\n"
+        log :add_components, controller_file_path
+        inject_into_file "app/javascript/packs/components/SideBar.vue", content, after: sentinel, verbose: false, force: false
+      end
+    end
+  end
+end

data/lib/generators/vue/install_generator.rb

@@ -0,0 +1,48 @@
+module Vue
+  module Generators
+    class InstallGenerator < Rails::Generators::Base
+      source_root File.expand_path("../templates", __FILE__)
+      def remove_default_file
+        remove_file 'app/javascript/app.vue'
+        remove_file 'app/javascript/packs/application.js'
+        remove_file 'app/javascript/packs/hello_vue.js'
+      end
+      def the_api_init
+        unless File.exist?(Rails.root.join("app/javascript/packs/api", "index.js"))
+          create_file "app/javascript/packs/api/index.js", 'export default {}'
+        end 
+        unless File.exist?(Rails.root.join("app/javascript/packs/api", "methods.js"))
+          copy_file 'javascript/methods.js', "app/javascript/packs/api/methods.js"
+          copy_file 'javascript/main.js', "app/javascript/packs/main.js"
+          copy_file 'javascript/router.js', "app/javascript/packs/router/index.js"
+          copy_file 'javascript/store.js', "app/javascript/packs/store/index.js"
+          copy_file 'javascript/app.vue', "app/javascript/packs/app.vue"
+          copy_file 'javascript/SideBar.vue', "app/javascript/packs/components/SideBar.vue"
+          copy_file 'javascript/scaffold.scss', "app/javascript/packs/assets/scss/scaffold.scss"
+        end
+        unless File.exist?(Rails.root.join("app/views/layouts", "application.html.erb"))
+          copy_file 'application.html.erb', "app/views/layouts/application.html.erb"
+          copy_file 'index.html.erb', "app/views/welcome/index.html.erb"
+          copy_file 'welcome_controller.rb', "app/controllers/welcome_controller.rb"
+        end 
+      end
+
+
+      def change_wepacker_config
+        copy_file 'javascript/resolve.js', "config/webpack/resolve.js"
+      end
+      def change_webpack_config_env
+        inject_into_file "config/webpack/environment.js", "\nconst resolvePath = require('./resolve')", after: "const vue = require('./loaders/vue')", verbose: false, force: false
+        inject_into_file "config/webpack/environment.js", "environment.config.merge(resolvePath)\n", before: "environment.plugins.prepend('VueLoaderPlugin', new VueLoaderPlugin())", verbose: false, force: false
+      end
+      def change_config_routus
+        content = %Q{  scope '/api' do
+  end
+  root 'welcome#index'
+  get  '/*path', to: 'welcome#index' , format: false
+}
+        inject_into_file "config/routes.rb", content, after: "# For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html\n", verbose: false, force: false
+      end
+    end
+  end
+end

data/lib/generators/vue/templates/application.html.erb

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>vails</title>
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+  </head>
+  <body>
+    <%= yield %>
+  </body>
+</html>

data/lib/generators/vue/templates/index.html.erb

@@ -0,0 +1 @@
+<%= javascript_pack_tag 'main' %>

data/lib/generators/vue/templates/javascript/SideBar.vue

@@ -0,0 +1,14 @@
+<template>
+   <ul>
+   </ul>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>

data/lib/generators/vue/templates/javascript/api.js.tt

@@ -0,0 +1,34 @@
+import {get,destory,post,put} from '../methods'
+
+
+export default{
+    list(){
+        return get({url:'/api/<%= plural_table_name %>'})
+    },
+    get(id){
+        return get({
+            url:`/api/<%= plural_table_name %>/${id}`
+        })
+    },
+    destory(id){
+        return destory({
+            url:`/api/<%= plural_table_name %>/${id}`
+        })
+    },
+    create(data){
+        return post({
+            url:'/api/<%= plural_table_name %>',
+            data:{
+                <%= singular_table_name %>:data
+            }
+        })
+    },
+    update(id,data){
+        return put({
+            url:`/api/<%= plural_table_name %>/${id}`,
+            data:{
+                <%= singular_table_name %>:data
+            }
+        })
+    }
+}

data/lib/generators/vue/templates/javascript/app.vue

@@ -0,0 +1,23 @@
+<template>
+  <div id="app">
+    <side-bar/>
+    <router-view />
+  </div>
+</template>
+
+<script>
+import SideBar from '@/components/SideBar'
+
+export default {
+  components:{
+    SideBar
+  },
+  data: function () {
+    return {
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>

data/lib/generators/vue/templates/javascript/main.js

@@ -0,0 +1,17 @@
+import Vue from 'vue'
+import App from './app.vue'
+import router from "./router";
+import store from "./store";
+import api from './api'
+
+Vue.prototype.$api = api
+document.addEventListener('DOMContentLoaded', () => {
+  const app = new Vue({
+    router,
+    store,
+    render: h => h(App)
+  }).$mount()
+  document.body.appendChild(app.$el)
+
+  console.log(app)
+})

data/lib/generators/vue/templates/javascript/methods.js

@@ -0,0 +1,17 @@
+import axios from 'axios'
+
+
+
+export function get(request){
+    return axios.get(request.url,request.config)
+ }
+ export function post(request){
+     return axios.post(request.url,request.data,request.config)
+ }
+
+ export function destory(request){
+     return axios.delete(request.url,request.config)
+ }
+ export function put(request){
+    return axios.put(request.url,request.data,request.config)
+}

data/lib/generators/vue/templates/javascript/resolve.js

@@ -0,0 +1,8 @@
+const { resolve } = require('path');
+module.exports = {
+  resolve:{
+      alias: {
+        '@': resolve('app/javascript/packs')
+      }
+  }
+}

data/lib/generators/vue/templates/javascript/router.js

@@ -0,0 +1,15 @@
+import Vue from "vue";
+import VueRouter from "vue-router";
+Vue.use(VueRouter);
+
+const routes = [
+
+];
+
+const router = new VueRouter({
+  mode: "history",
+  base: process.env.BASE_URL,
+  routes
+});
+
+export default router;

data/lib/generators/vue/templates/javascript/scaffold.scss

@@ -0,0 +1,46 @@
+.modal{
+    position: fixed;
+    width: 100%;
+    height:100%;
+    background-color: rgba(0,0,0,.3);
+    top:0;
+    left:0;
+    /deep/.form{
+        width: 600px;
+        height:auto;
+        background-color: #fff;
+        position: absolute;
+        left:50%;
+        transform: translateX(-50%);
+        top:20%;
+        padding: 30px;
+        .content{
+            p{
+                display: flex;
+                align-items: center;
+                padding-left: 10px;
+                box-sizing: border-box;
+            }
+            .field{
+                display: flex;
+                align-items: center;
+            }
+        }
+        .header{
+            height:60px;
+            border-bottom: 1px solid #ccc;
+            position: relative;
+            display: flex;
+            align-items: center;
+        }
+        .close{
+            position: absolute;
+            right:0;
+        }
+        .footer{
+            height:60px;
+            display: flex;
+            align-items: center;
+        }
+    }
+}

data/lib/generators/vue/templates/javascript/store.js

@@ -0,0 +1,11 @@
+import Vue from "vue";
+import Vuex from "vuex";
+
+Vue.use(Vuex);
+
+export default new Vuex.Store({
+  state: {},
+  mutations: {},
+  actions: {},
+  modules: {}
+});

data/lib/generators/vue/templates/welcome_controller.rb

@@ -0,0 +1,4 @@
+class WelcomeController <  ActionController::Base
+    def index
+    end
+end

data/lib/generators/vue/views_generator.rb

@@ -0,0 +1,39 @@
+require "rails/generators/resource_helpers"
+
+module Vue # :nodoc:
+    module Generators # :nodoc:
+        class ViewsGenerator < Rails::Generators::NamedBase
+              source_root File.expand_path("../../../templates/vue/scaffold", __FILE__)
+              include Rails::Generators::ResourceHelpers
+              argument :attributes, type: :array, default: [], banner: "field:type field:type"
+              def create_root_folder
+                empty_directory File.join("app/javascript/packs/views", controller_file_path)
+              end
+              def copy_view_files
+                available_views.each do |view|
+                  formats.each do |format|
+                    filename = filename_with_extensions(view, format)
+                    template filename, File.join("app/javascript/packs/views", controller_file_path, filename)
+                  end
+                end
+              end
+
+            private
+              def available_views
+                %w(index edit show new _form)
+              end
+
+              def formats
+                [format]
+              end
+      
+              def format
+                :vue
+              end
+      
+              def filename_with_extensions(name, file_format = format)
+                [name, file_format].compact.join(".")
+              end
+        end
+    end
+  end

data/lib/generators/vue/vue_router_generator.rb

@@ -0,0 +1,33 @@
+require "rails/generators/resource_helpers"
+module Vue
+  module Generators
+    class VueRouterGenerator < Rails::Generators::NamedBase
+      include Rails::Generators::ResourceHelpers
+      source_root File.expand_path("../templates", __FILE__)
+      def the_api_init
+        unless File.exist?(Rails.root.join("app/javascript/packs/router", "index.js"))
+            template "router.js", "app/javascript/packs/router/index.js"
+        end 
+      end
+
+      def import_page_for_router
+        sentinel = /const routes\s*=\s*\[\s*/m
+        content = %Q{{
+                path: '/#{controller_file_path}',
+                name: '#{ class_name }',
+                component: () =>
+                import(/* webpackChunkName: "about" */ '../views/#{ controller_file_path }/index.vue') 
+            },}
+        log :import_router_page, controller_file_path
+        inject_into_file "app/javascript/packs/router/index.js", content, after: sentinel, verbose: false, force: false
+      end
+
+      def rails_route
+        sentinel = /scope '\/api'\s* do\n*/m
+        content = "     resources :#{controller_file_path}\n"
+        log :route, content
+        inject_into_file "config/routes.rb", content, after: sentinel, verbose: false, force: false
+      end
+    end
+  end
+end

data/lib/tasks/vails_tasks.rake

@@ -0,0 +1,5 @@
+desc "Explaining what the task does"
+task :vue:install do
+  # Task goes here
+  puts('hello WOrld')
+end

data/lib/templates/vue/scaffold/_form.vue.tt

@@ -0,0 +1,57 @@
+<template>
+<div>
+
+    <% attributes.each do |attribute| -%>
+    <div class="field">
+    <% if attribute.password_digest? -%>
+        <label>password</label>
+        <input type='password' v-model='<%= singular_table_name %>.password'/>
+    </div>
+    <div class="field">
+        <label>password_confirmation</label>
+        <input type='password' v-model='<%= singular_table_name %>.password_confirmation'/>
+    <% elsif attribute.attachments? -%>
+        <%%= form.label :<%= attribute.column_name %> %>
+        <%%= form.<%= attribute.field_type %> :<%= attribute.column_name %>, multiple: true %>
+    <% else -%>
+        <label><%= attribute.column_name %></label>
+        <% if attribute.field_type == :text_field -%>
+             <input type='text' v-model='<%= singular_table_name %>.<%= attribute.column_name %>'/>
+         <% end %>
+          <% if attribute.field_type == :check_box -%>
+             <input type='checkbox' v-model='<%= singular_table_name %>.<%= attribute.column_name %>'/>
+         <% end %>
+        <% if attribute.field_type == :text_area -%>
+            <textarea v-model='<%= singular_table_name %>.<%= attribute.column_name %>'></textarea>
+         <% end %>
+        <% if attribute.field_type == :date_select -%>
+            <input type='date' v-model='<%= singular_table_name %>.<%= attribute.column_name %>'/>  
+         <% end %>
+    <% end -%>
+    </div>
+    <% end -%>
+</div>
+</template>
+
+<script>
+export default {
+   props:{
+       <%= singular_table_name %>:{
+           default:null
+       }
+   },
+   model:{
+       prop:"<%= singular_table_name %>",
+       event:"close"
+   },
+   methods:{
+       close(){
+           this.$emit('close',null)
+       }
+   }
+}
+</script>
+
+<style scoped lang='scss'>
+
+</style>

data/lib/templates/vue/scaffold/edit.vue.tt

@@ -0,0 +1,50 @@
+<template>
+  <div class='modal' v-if='<%= singular_table_name %>'>
+    <div class="form">
+        <div class="header">
+            Editing <%= singular_table_name.titleize %>
+            <div class="close" @click="close">X</div>
+        </div>
+        <div class="content">
+            <<%= singular_table_name %>-form v-model='<%= singular_table_name %>'/>
+        </div>
+    
+        <div class="footer">
+            <button @click='update'>保存</button>
+            <button @click='close'>取消</button>
+        </div>
+    </div>
+  </div>
+
+</template>
+
+<script>
+import <%= singular_table_name %>Form from './_form'
+export default {
+  components:{
+      <%= singular_table_name %>Form
+  },
+    props:{
+       <%= singular_table_name %>:{
+           default:null
+       }
+   },
+   model:{
+       prop:"<%= singular_table_name %>",
+       event:"close"
+   },
+   methods:{
+       close(){
+           this.$emit('close',null)
+       },
+       update(){
+           this.$emit('update')
+           this.close()
+       }
+   }
+}
+</script>
+
+<style scoped lang='scss'>
+
+</style>

data/lib/templates/vue/scaffold/index.vue.tt

@@ -0,0 +1,96 @@
+<template>
+<div>
+  <h1><%= plural_table_name.titleize %></h1>
+   <table>
+        <thead>
+          <tr>
+      <% attributes.reject(&:password_digest?).each do |attribute| -%>
+            <th><%= attribute.human_name %></th>
+      <% end -%>
+            <th colspan="3"></th>
+          </tr>
+        </thead>
+        <tbody>
+        <tr v-for='<%= singular_table_name %> in list' :key='<%= singular_table_name %>.id'>
+        <% attributes.reject(&:password_digest?).each do |attribute| -%>
+          <td>{{<%= singular_table_name %>.<%= attribute.column_name %>}} </td>
+        <% end -%>
+
+
+          <td>
+            <button @click='get(<%= singular_table_name %>.id,"show<%= model_resource_name.capitalize %>")'>详情</button>
+          </td>
+          <td>
+             <button @click='get(<%= singular_table_name %>.id,"edit<%= model_resource_name.capitalize %>")'>编辑</button>
+          </td>
+          <td>
+           <button @click='destory(<%= singular_table_name %>.id)'>删除</button>
+          </td>
+        </tr>
+        </tbody>
+   </table>
+   <button @click='add'>新增</button>
+   <show v-model='show<%= model_resource_name.capitalize %>' />
+   <edit v-model='edit<%= model_resource_name.capitalize %>' @update='update'/>
+   <new  v-model='new<%= model_resource_name.capitalize %>' @create='create'/>
+</div>
+</template>
+
+<script>
+import Show from './show'
+import Edit from './edit'
+import New from './new'
+export default {
+  components:{
+    Show,
+    Edit,
+    New
+  },
+  data(){
+    return {
+      list:[],
+      show<%= model_resource_name.capitalize %>:null,
+      edit<%= model_resource_name.capitalize %>:null,
+      new<%= model_resource_name.capitalize %>:null
+    }
+  },
+  created(){
+    this.getList()
+  },
+  methods:{
+    add(){
+      this.new<%= model_resource_name.capitalize %> = {
+    <% attributes.each do |attribute| -%>
+           <%= attribute.column_name %>:"",
+      <% end -%>
+      }
+    },
+    async get(id,type){
+      let { data } = await this.$api.<%= plural_table_name %>.get(id)
+      this[type] = data
+    },
+    async getList(){
+      let { data } =  await  this.$api.<%= plural_table_name %>.list();
+      this.list = data
+    },
+    async update(){
+      await this.$api.<%= plural_table_name %>.update(this.edit<%= model_resource_name.capitalize %>.id,this.edit<%= model_resource_name.capitalize %>)
+      this.getList()
+    },
+    async destory(id){
+     if(confirm('确认删除资源吗？')) {
+      await this.$api.<%= plural_table_name %>.destory(id)
+      this.getList()
+     }
+    },
+    async create(){
+      await this.$api.<%= plural_table_name %>.create(this.new<%= model_resource_name.capitalize %>)
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang='scss' scoped>
+@import '../../assets/scss/scaffold.scss';
+</style>

data/lib/templates/vue/scaffold/new.vue.tt

@@ -0,0 +1,50 @@
+<template>
+  <div class='modal' v-if='<%= singular_table_name %>'>
+    <div class="form">
+        <div class="header">
+        <h1>New <%= singular_table_name.titleize %></h1>
+            <div class="close" @click="close">X</div>
+        </div>
+        <div class="content">
+            <<%= singular_table_name %>-form v-model='<%= singular_table_name %>'/>
+        </div>
+    
+        <div class="footer">
+            <button @click='create'>创建</button>
+            <button @click='close'>取消</button>
+        </div>
+    </div>
+  </div>
+
+</template>
+
+<script>
+import <%= singular_table_name %>Form from './_form'
+export default {
+  components:{
+      <%= singular_table_name %>Form
+  },
+    props:{
+       <%= singular_table_name %>:{
+           default:null
+       }
+   },
+   model:{
+       prop:"<%= singular_table_name %>",
+       event:"close"
+   },
+   methods:{
+       close(){
+           this.$emit('close',null)
+       },
+       create(){
+           this.$emit('create')
+           this.close()
+       }
+   }
+}
+</script>
+
+<style scoped lang='scss'>
+
+</style>

data/lib/templates/vue/scaffold/show.vue.tt

@@ -0,0 +1,52 @@
+<template>
+  <div class='modal' v-if='<%= singular_table_name %>'>
+    <div class="form">
+        <div class="header">
+            <div class="close" @click="close">X</div>
+        </div>
+        <div class="content">
+          <% attributes.reject(&:password_digest?).each do |attribute| -%>
+            <p>
+            <strong><%= attribute.human_name %>:</strong>
+            <% if attribute.attachment? -%>
+            <%%= link_to @<%= singular_table_name %>.<%= attribute.column_name %>.filename, @<%= singular_table_name %>.<%= attribute.column_name %> if @<%= singular_table_name %>.<%= attribute.column_name %>.attached? %>
+            <% elsif attribute.attachments? -%>
+            <%% @<%= singular_table_name %>.<%= attribute.column_name %>.each do |<%= attribute.singular_name %>| %>
+                <div><%%= link_to <%= attribute.singular_name %>.filename, <%= attribute.singular_name %> %></div>
+            <%% end %>
+            <% else -%>
+               {{<%= singular_table_name %>.<%= attribute.column_name %>}} 
+            <% end -%>
+            </p>
+
+          <% end -%>
+        </div>
+        <div class="footer">
+            <button @click='close'>关闭</button>
+        </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+   props:{
+       <%= singular_table_name %>:{
+           default:null
+       }
+   },
+   model:{
+       prop:"<%= singular_table_name %>",
+       event:"close"
+   },
+   methods:{
+       close(){
+           this.$emit('close',null)
+       }
+   }
+}
+</script>
+
+<style scoped lang='scss'>
+
+</style>

data/lib/vails.rb

@@ -0,0 +1,5 @@
+require "vails/railtie"
+
+module Vails
+  # Your code goes here...
+end

data/lib/vails/railtie.rb

@@ -0,0 +1,4 @@
+module Vails
+  class Railtie < ::Rails::Railtie
+  end
+end

data/lib/vails/version.rb

@@ -0,0 +1,3 @@
+module Vails
+  VERSION = '0.0.3'
+end

metadata

@@ -0,0 +1,93 @@
+--- !ruby/object:Gem::Specification
+name: vails
+version: !ruby/object:Gem::Version
+  version: 0.0.3
+platform: ruby
+authors:
+- NeeKin
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2020-08-03 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 6.0.1
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 6.0.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 6.0.1
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 6.0.1
+description: a simple vue scaffold on rails.
+email:
+- njgzs360@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.md
+- Rakefile
+- lib/generators/USAGE
+- lib/generators/vails_generator.rb
+- lib/generators/vue/api_file_generator.rb
+- lib/generators/vue/install_generator.rb
+- lib/generators/vue/templates/application.html.erb
+- lib/generators/vue/templates/index.html.erb
+- lib/generators/vue/templates/javascript/SideBar.vue
+- lib/generators/vue/templates/javascript/api.js.tt
+- lib/generators/vue/templates/javascript/app.vue
+- lib/generators/vue/templates/javascript/main.js
+- lib/generators/vue/templates/javascript/methods.js
+- lib/generators/vue/templates/javascript/resolve.js
+- lib/generators/vue/templates/javascript/router.js
+- lib/generators/vue/templates/javascript/scaffold.scss
+- lib/generators/vue/templates/javascript/store.js
+- lib/generators/vue/templates/welcome_controller.rb
+- lib/generators/vue/views_generator.rb
+- lib/generators/vue/vue_router_generator.rb
+- lib/tasks/vails_tasks.rake
+- lib/templates/vue/scaffold/_form.vue.tt
+- lib/templates/vue/scaffold/edit.vue.tt
+- lib/templates/vue/scaffold/index.vue.tt
+- lib/templates/vue/scaffold/new.vue.tt
+- lib/templates/vue/scaffold/show.vue.tt
+- lib/vails.rb
+- lib/vails/railtie.rb
+- lib/vails/version.rb
+homepage: https://github.com/neekin/vails
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.0.3
+signing_key: 
+specification_version: 4
+summary: a simple vue scaffold on rails.
+test_files: []