fix: og image

Author: tobynguyen27

apps/frontend/nuxt.config.ts

@@ -11,6 +11,8 @@ export default defineNuxtConfig({
 			pathPrefix: false,
 		},
 	],
+	// Routes
+	routeRules: {},
 	// Runtime
 	runtimeConfig: {
 		public: {
@@ -27,9 +29,6 @@ export default defineNuxtConfig({
 		prerender: {
 			autoSubfolderIndex: false,
 		},
-		experimental: {
-			wasm: true,
-		},
 		preset: "cloudflare-module",
 		cloudflare: {
 			nodeCompat: true,
@@ -40,6 +39,9 @@ export default defineNuxtConfig({
 		blockAiBots: true,
 		blockNonSeoBots: true,
 	},
+	ogImage: {
+		enabled: false,
+	},
 	// Development
 	compatibilityDate: "2025-07-15",
 	devtools: { enabled: true },

apps/frontend/src/app/app.vue

@@ -1,11 +1,18 @@
 <script setup lang="ts">
 import type { ToasterProps } from "@nuxt/ui";
 
-defineOgImageComponent("BasicOG");
-
 const toaster: ToasterProps = { position: "top-right" };
 
 const siteConfig = useSiteConfig();
+
+useSeoMeta({
+	title: "Solitar",
+	description: "The only URL toolbox that you need",
+	ogTitle: "Solitar",
+	ogDescription: "The only URL toolbox that you need",
+	ogImage: "/og.png",
+	twitterCard: "summary_large_image",
+});
 </script>
 
 <template>