Fix global variable issue

esciencecenter-digital-skills · Sep 19, 2023 · dfebbee · dfebbee
1 parent 755969f
commit dfebbee
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 5 deletions.
diff --git a/components/Banner.vue b/components/Banner.vue
@@ -8,7 +8,7 @@
     <div class="flex font-display font-semibold pt-12 pl-10">
       <div v-if="$route.path === '/'">
         <h1 class="text-4xl text-eSciencePurple">
-          {{ $config.title }} Lessons
+          {{ $config.public.title }} Lessons
         </h1>
       </div>
     </div>

diff --git a/config.json b/config.json
@@ -1,6 +1,8 @@
-
 {
+    "myConfig":
+    {
     "title": "Essentials for Research Software Support",
     "categoryOrder": ["Getting started", "Reusability", "Publishing & Citing", "Resources", "Examples"],
     "another": "foo bar baz"
+    }
 }
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -1,8 +1,11 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
-import config from './config.json'
+import { myConfig } from './config.json'
 
 export default defineNuxtConfig({
-  runtimeConfig: config,
+  runtimeConfig: { 
+    public: myConfig, 
+    }
+  ,
 
   devtools: { enabled: true,
               pages: true },

diff --git a/pages/index.vue b/pages/index.vue
@@ -2,7 +2,7 @@
     <main>
         <Banner />
         <ContentDoc />
-        Testing import from the config file: {{ $config.another }}
+        Testing import from the config file: {{ $config.public.another }}
     </main>
 </template>
 <script>