feat(meta): add app version meta tag for debugging purposes

Author: marekh19

package.json

@@ -1,7 +1,7 @@
 {
   "name": "marekhonzal-com",
   "type": "module",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "scripts": {
     "dev": "astro dev --host",
     "build": "astro build",

src/components/Head.astro

@@ -1,5 +1,6 @@
 ---
 import Analytics from '@/components/utility/Analytics.astro'
+import AppVersion from '@/components/utility/AppVersion.astro'
 import CanonicalLink from '@/components/utility/CanonicalLink.astro'
 import ColorScheme from '@/components/utility/ColorScheme.astro'
 import Favicon from '@/components/utility/Favicon.astro'
@@ -32,5 +33,6 @@ const { title, description, ogImagePath } = Astro.props
 <PreloadFonts type="sans" />
 <OpenGraph title={title} description={description} imagePath={ogImagePath} />
 <ThemeColor />
+<AppVersion />
 
 <slot />

src/components/utility/AppVersion.astro

@@ -0,0 +1,8 @@
+---
+import { getAppVersion } from '@/lib/utils/version'
+
+const version = getAppVersion()
+---
+
+<!-- APP VERSION -->
+<meta name="app-version" content={version} />

src/lib/utils/version.ts

@@ -0,0 +1,3 @@
+import pkg from '../../../package.json' with { type: 'json' }
+
+export const getAppVersion = () => pkg.version