From ef229830b57f7acf5ea70a46aa11a2032074b39d Mon Sep 17 00:00:00 2001
From: Patrick Pfeiler <Patrick.Pfeiler@cloudflight.io>
Date: Tue, 7 Dec 2021 11:55:33 +0100
Subject: [PATCH] feat: dont load package.json file directly into vue
 components. Extract needed values as envs instead

---
 src/components/DocsCallout.vue |  6 ++++--
 src/store/index.js             |  8 ++++++++
 vue.config.js                  | 15 +++++++++++++++
 3 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/src/components/DocsCallout.vue b/src/components/DocsCallout.vue
index 59a495a5..bd29ad71 100644
--- a/src/components/DocsCallout.vue
+++ b/src/components/DocsCallout.vue
@@ -22,7 +22,8 @@
 </template>
 
 <script>
-import packageJson from '../../package.json'
+import { useStore } from 'vuex'
+
 export default {
   name: 'DocsCallout',
   props: {
@@ -44,7 +45,8 @@ export default {
     plural: Boolean,
   },
   setup(props) {
-    const url = `https://coreui.io/vue/docs/${packageJson.config.coreui_library_short_version}/${props.url}`
+    const store = useStore()
+    const url = `https://coreui.io/vue/docs/${store.getters.coreuiLibraryShortVersion}/${props.href}`
 
     return {
       url,
diff --git a/src/store/index.js b/src/store/index.js
index 57dcaeda..595c215d 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -1,5 +1,8 @@
 import { createStore } from 'vuex'
 
+const COREUI_LIBRARY_SHORT_VERSION =
+  process.env.COREUI_LIBRARY_SHORT_VERSION || ''
+
 export default createStore({
   state: {
     sidebarVisible: '',
@@ -16,6 +19,11 @@ export default createStore({
       state.sidebarVisible = payload.value
     },
   },
+  getters: {
+    coreuiLibraryShortVersion() {
+      return COREUI_LIBRARY_SHORT_VERSION
+    },
+  },
   actions: {},
   modules: {},
 })
diff --git a/vue.config.js b/vue.config.js
index 523a634b..2aba5796 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,4 +1,19 @@
+const { DefinePlugin } = require('webpack')
 const { defineConfig } = require('@vue/cli-service')
+const fs = require('fs')
+const packageJson = fs.readFileSync('./package.json')
+const coreuiLibraryShortVersion =
+  JSON.parse(packageJson).config.coreui_library_short_version || ''
+
 module.exports = defineConfig({
   transpileDependencies: true,
+  configureWebpack: {
+    plugins: [
+      new DefinePlugin({
+        'process.env': {
+          COREUI_LIBRARY_SHORT_VERSION: '"' + coreuiLibraryShortVersion + '"',
+        },
+      }),
+    ],
+  },
 })