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