From 33a02c2625b93858812cbde40ba32cf943b203d7 Mon Sep 17 00:00:00 2001
From: highperfocused <highperfocused@pm.me>
Date: Sun, 5 Oct 2025 15:21:56 +0200
Subject: [PATCH] Enable JSON module resolution in TypeScript configuration and
 update BlogLayout to display version from package.json

---
 src/components/BlogLayout.tsx | 13 ++-----------
 tsconfig.json                 |  1 +
 2 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/src/components/BlogLayout.tsx b/src/components/BlogLayout.tsx
index f48432a..d4050fb 100644
--- a/src/components/BlogLayout.tsx
+++ b/src/components/BlogLayout.tsx
@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { BlogHeader } from './BlogHeader';
+import packageJson from '../../package.json';
 
 interface BlogLayoutProps {
   children: ReactNode;
@@ -16,17 +17,7 @@ export function BlogLayout({ children }: BlogLayoutProps) {
         <div className="container px-4 sm:px-6 lg:px-8">
           <div className="flex flex-col md:flex-row justify-between items-center gap-4 text-sm text-muted-foreground">
             <p>Powered by Nostr</p>
-            {/* <p>
-              Vibed with{' '}
-              <a
-                href="https://soapbox.pub/mkstack"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="underline hover:text-foreground transition-colors"
-              >
-                MKStack
-              </a>
-            </p> */}
+            <p>Version {packageJson.version}</p>
           </div>
         </div>
       </footer>
diff --git a/tsconfig.json b/tsconfig.json
index 26ef794..4f01b57 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -9,6 +9,7 @@
     /* Bundler mode */
     "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
     "isolatedModules": true,
     "moduleDetection": "force",
     "noEmit": true,