Déclaration automatique des composants #2

src/router/index.js

 import Vue from 'vue'
 import Router from 'vue-router'
+// import upperFirst from 'lodash/upperFirst'
+// import camelCase from 'lodash/camelCase'
 import Home from '@/components/Home'
 import Clients from '@/components/Clients'
 import Client from '@/components/Client'
@@ -8,6 +10,40 @@ import Updates from '@/components/Updates'
 
 Vue.use(Router)
 
+// const requireComponent = require.context(
+//   // Le chemin relatif du dossier composants
+//   './components',
+//   // Suivre ou non les sous-dossiers
+//   false,
+//   // L'expression régulière utilisée pour faire concorder les noms de fichiers de composant de base
+//   /Base[A-Z]\w+\.(vue|js)$/
+// )
+
+// requireComponent.keys().forEach(fileName => {
+//   // Récupérer la configuration du composant
+//   const componentConfig = requireComponent(fileName)
+
+//   // Récupérer le nom du composant en PascalCase
+//   const componentName = upperFirst(
+//     camelCase(
+//       // Retrouver le nom du fichier indépendemment de la profondeur de dossier
+//       fileName
+//         .split('/')
+//         .pop()
+//         .replace(/\.\w+$/, '')
+//     )
+//   )
+
+//   // Créer un composant global
+//   Vue.component(
+//     componentName,
+//     // Chercher les options du composant dans `.default`, qui
+//     // existera si le composant a été exporté avec `export default`,
+//     // sinon revenez à la racine du module.
+//     componentConfig.default || componentConfig
+//   )
+// })
+
 export default new Router({
 	mode: 'history',
 	routes: [