CuamckuyKot

Joined

50 Experience
0 Lessons Completed
0 Questions Solved

Activity

Posted in Vue: share the same bootstrap across multiple files

Hi, guys!

I'm tired to copy-paste the same piece across multiple files.

import Vue from 'vue/dist/vue.js'
import VueResource from 'vue-resource'
import TurbolinksAdapter from 'vue-turbolinks'
import vueFilter from 'vue-filter'
Vue.use(TurbolinksAdapter)
Vue.use(VueResource)
Vue.use(vueFilter)
Vue.http.headers.common['X-CSRF-Token'] = document.querySelector('meta[name="csrf-token"]').getAttribute('content')

Vue.mixin({
    data(){
        return {
            routes: Routes,
            current_user: gon.current_user,
        }
    }
})

Is there any trick to share the same piece of javascript across multiple js files to follow DRY.

logo Created with Sketch.

Ruby on Rails tutorials, guides, and screencasts for web developers learning Ruby, Rails, Javascript, Turbolinks, Stimulus.js, Vue.js, and more. Icons by Icons8

© 2021 GoRails, LLC. All rights reserved.