Refactorizando

Debido a que pueden haber varios plugins a implementarse en la App, lo que se puede optar la mantener la app más limpia aún seria crear un archivo index.js dentro de la carpeta plugins, en donde vayan todos los imports.

plugins/index.js

// Bootstrap Vue
import './bootstrapVue'

// FontAwesome
import './fontAwesome'

main.js

import Vue from 'vue'

import App from './App.vue'
import router from './router'
import store from './store'

import './plugins'
import './assets/css/app.styl'

Vue.config.productionTip = false

new Vue({
  router,
  store,
  created() {
    this.init()
  },
  methods: {
    init() {
      store.dispatch('oauth/getToken', null, { root: true })
    }
  },
  render: h => h(App)
}).$mount('#app')

Genial, yo lo que haría para ordenar todo aún más es crear un archivo index.js en plugins y ahí hacer el import de todos los plugins y en main simplemente importar el index

También me pregunto cómo se haría la misma refactorización en Vue 3, porque ahí ya no podemos hacer Vue.use sino ahora es createApp().use(), lo mas probable es que para fontAwesome hagamos un export del fontawesome, y para boostrap igual hagamos el export de Bootstrap, de todas maneras a la fecha que escribo esto todavía no existe Boostrap Vue para Vue 3, y ya que hablo de esto, ¿Cómo se haría toda esta lógica y métodos y hooks que tenemos en el main en Vue 3? xD Porque en Vue 3 ya pasas directamente el componente, no se si dentro de createApp se puedan poner todas esas cosas jaja

Que pasada!, Vuetify hace este paso por nosotros!

Ups, creo que me adelanté una clase 😅

Vengo laburando mucho en el refact de mis aplicaciones y partir los archivos me parece fundamental… esta clase lo deja muy claro

Yeah man!

Me fascina el orden y la manera que refactorizó, nah de auténticos magos 10/10