feat: dont load package.json file directly into vue components.

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,

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: {},
 })

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 + '"',
+ },
+ }),
+ ],
+ },
 })