Prefix og:image path with base URL

.env.example

@@ -0,0 +1 @@
+PUBLIC_BASE_URL=

.github/workflows/deploy.yml

@@ -31,6 +31,8 @@ jobs:
         run: |
           pnpm install
           pnpm build
+        env:
+          PUBLIC_BASE_URL: https://svelte-promise-modals.com
 
       - name: Deploy 🚀
         uses: JamesIves/[email protected]

src/app.d.ts

@@ -9,4 +9,8 @@ declare global {
   }
 }
 
+declare module '$env/static/public' {
+  export const PUBLIC_BASE_URL: string | undefined;
+}
+
 export {};

src/routes/+page.svelte

@@ -4,6 +4,7 @@
 
   import dedent from 'dedent';
 
+  import { PUBLIC_BASE_URL } from '$env/static/public';
   import ModalContainer from '$lib/ModalContainer.svelte';
   import { openModal } from '$lib/service';
   import type { ModalOptions } from '$lib/types';
@@ -17,6 +18,8 @@
   import FooComponent from './FooComponent.svelte';
   import SyntaxHighlight from './SyntaxHighlight.svelte';
 
+  let ogImageURL = PUBLIC_BASE_URL + ogimage;
+
   async function openFooModal(data?: unknown, options?: ModalOptions) {
     let result = await openModal(FooComponent, { data }, options);
     console.log(`Modal result: ${JSON.stringify(result)}`);
@@ -30,7 +33,7 @@
   <meta property="og:url" content="https://svelte-promise-modals.com/" />
   <meta property="og:description" content="Modals in Svelte made easy." />
   <meta property="og:type" content="website" />
-  <meta property="og:image" content={ogimage} />
+  <meta property="og:image" content={ogImageURL} />
   <meta name="twitter:card" content="summary_large_image" />
 
   <script