add config for referencing baseUrl of application for use in embed image

AbandonTech · Apr 21, 2024 · 6bd4f75 · 6bd4f75
1 parent 451f349
commit 6bd4f75
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/app.vue b/app.vue
@@ -11,6 +11,7 @@
 </template>
 
 <script setup>
+import verticalLogoColor from "/img/logoVerticalColor.svg"
   useHead({
     bodyAttrs: {
       class: "bg-base-100 text-primary-content"
@@ -22,7 +23,7 @@
     ogTitle: "AbandonTech",
     description: "Empowering Businesses Through Technology",
     ogDescription: "Empowering Businesses Through Technology",
-    ogImage: "/img/logoVerticalColor.svg",
+    ogImage: useRuntimeConfig().public.baseUrl + verticalLogoColor,
     twitterCard: "summary_large_image",
     themeColor: "#1A67D7"
 })

diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -1,5 +1,10 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
+  runtimeConfig: {
+    public: {
+      baseUrl: process.env.baseUrl
+    }
+  },
   devtools: {
     enabled: true,
 
@@ -16,5 +21,5 @@ export default defineNuxtConfig({
     head: {
       title: "AbandonTech",
     }
-  }
+  },
 })