From b6ce690f501503cfadc98f0bb8fb88d2d8230f01 Mon Sep 17 00:00:00 2001
From: Julien <julien.le.coupanec@gmail.com>
Date: Sun, 9 Sep 2018 23:45:37 +0200
Subject: [PATCH] build(app): make base components global by default

---
 components/BaseCheatsheet.vue |  7 ------
 nuxt.config.js                |  3 ++-
 package.json                  |  1 +
 pages/index.vue               |  9 -------
 plugins/global.js             | 45 +++++++++++++++++++++++++++++++++++
 5 files changed, 48 insertions(+), 17 deletions(-)
 create mode 100644 plugins/global.js

diff --git a/components/BaseCheatsheet.vue b/components/BaseCheatsheet.vue
index 9038fcf..2bd7d21 100644
--- a/components/BaseCheatsheet.vue
+++ b/components/BaseCheatsheet.vue
@@ -35,14 +35,7 @@
      ************************************************************************* -->
 
 <script>
-// PROJECT
-import BaseShare from "@/components/BaseShare";
-
 export default {
-  components: {
-    BaseShare
-  },
-
   props: {
     link: {
       type: String,
diff --git a/nuxt.config.js b/nuxt.config.js
index 64bb360..495b904 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -27,5 +27,6 @@ module.exports = {
     },
     postcss: [require("autoprefixer")()]
   },
-  css: ["normalize.css/normalize.css"]
+  css: ["normalize.css/normalize.css"],
+  plugins: [{ src: "@/plugins/global.js" }]
 };
diff --git a/package.json b/package.json
index a478dcc..7630fa3 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "precommit": "npm run lint"
   },
   "dependencies": {
+    "lodash": "^4.17.10",
     "normalize.css": "^8.0.0",
     "nuxt": "^1.0.0"
   },
diff --git a/pages/index.vue b/pages/index.vue
index 2f21bb7..85b42e1 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -43,16 +43,7 @@
      ************************************************************************* -->
 
 <script>
-// PROJECT
-import BaseCheatsheet from "@/components/BaseCheatsheet";
-import BaseDivider from "@/components/BaseDivider";
-
 export default {
-  components: {
-    BaseCheatsheet,
-    BaseDivider
-  },
-
   data() {
     return {
       // --> COMPONENTS <--
diff --git a/plugins/global.js b/plugins/global.js
new file mode 100644
index 0000000..23d165a
--- /dev/null
+++ b/plugins/global.js
@@ -0,0 +1,45 @@
+/**************************************************************************
+ * IMPORTS
+ ***************************************************************************/
+
+// NPM
+import Vue from "vue";
+import upperFirst from "lodash/upperFirst";
+import camelCase from "lodash/camelCase";
+
+/**************************************************************************
+ * GLOBAL COMPONENTS
+ * https://vuejs.org/v2/guide/components.html#Global-Registration
+ ***************************************************************************/
+
+const requireComponent = require.context(
+  // The relative path of the components folder
+  // NOTE: try with ../components/base
+  "../components",
+  // Whether or not to look in subfolders
+  false,
+  // The regular expression used to match base component filenames
+  /Base[A-Z]\w+\.(vue|js)$/
+);
+
+requireComponent.keys().forEach(fileName => {
+  // Get component config
+  const componentConfig = requireComponent(fileName);
+
+  // Get PascalCase name of component
+  const componentName = upperFirst(
+    camelCase(
+      // Strip the leading `./` and extension from the filename
+      fileName.replace(/^\.\/(.*)\.\w+$/, "$1")
+    )
+  );
+
+  // Register component globally
+  Vue.component(
+    componentName,
+    // Look for the component options on `.default`, which will
+    // exist if the component was exported with `export default`,
+    // otherwise fall back to module's root.
+    componentConfig.default || componentConfig
+  );
+});