Xosmond
/ application.html.erb
Created Dec 13, 2018
vuerails application layout before vue only webpack
View application.html.erb
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Vuerails</title> | |
| <%= csrf_meta_tags %> | |
| <%= csp_meta_tag %> | |
| <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> | |
| <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> | |
| <!-- Webpack assets --> |
View routes.rb
| Rails.application.routes.draw do | |
| root to: 'home#index' | |
| end |
View application.css
| /* app/javascript/css/application.css */ | |
| @tailwind preflight; /* Basic Normalize */ | |
| @tailwind utilities; /* Tailwindcss utilities */ |
View application.js
| /* app/javascript/packs/application.js */ | |
| /* eslint no-console:0 */ | |
| import "../css/application.css"; |
View application.js
| /* eslint no-console:0 */ | |
| import "../css/application.css"; | |
| import Vue from 'vue/dist/vue.esm'; | |
| import TurbolinksAdapter from 'vue-turbolinks'; | |
| import Vuelidate from 'vuelidate'; | |
| Vue.use(TurbolinksAdapter); | |
| Vue.use(Vuelidate); | |
| document.addEventListener('turbolinks:load', () => { |
View application.html.erb
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Vuerails</title> | |
| <%= csrf_meta_tags %> | |
| <%= csp_meta_tag %> | |
| <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> | |
| <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> | |
| <%= stylesheet_pack_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> |
View application.js
| /* eslint no-console:0 */ | |
| import "../css/application.css"; | |
| import TurbolinksAdapter from 'vue-turbolinks'; | |
| import Vuelidate from 'vuelidate'; | |
| import Vue from 'vue/dist/vue.esm'; | |
| Vue.use(Vuelidate) | |
| Vue.use(TurbolinksAdapter) | |
| document.addEventListener('turbolinks:load', () => { |
View new.html.erb
| <login :token="<%= form_authenticity_token.to_json %>" :action="<%= user_session_path.to_json %>"></login> |
View .postcssrs.yml
| plugins: | |
| postcss-import: {} | |
| postcss-cssnext: {} | |
| tailwindcss: {} |
View application.js
| /* eslint no-console:0 */ | |
| import "../css/application.css"; | |
| import TurbolinksAdapter from 'vue-turbolinks'; | |
| import Vuelidate from 'vuelidate'; | |
| import Vue from 'vue/dist/vue.esm'; | |
| import Login from '../components/login.vue'; | |
| Vue.use(Vuelidate) | |
| Vue.use(TurbolinksAdapter) |
NewerOlder