Removed OG-Image: Cannot use ReSVG on deno deploy

Author: nikeokoronkwo

nuxt.config.ts

@@ -9,7 +9,6 @@ export default defineNuxtConfig({
     "@nuxtjs/device",
     "@nuxt/icon",
     "@nuxtjs/robots",
-    "nuxt-og-image",
   ],
 
   routeRules: {

package.json

@@ -22,9 +22,7 @@
     "dropbox": "^10.34.0",
     "github-markdown-css": "^5.7.0",
     "nuxt": "^3.13.0",
-    "nuxt-og-image": "^4.0.2",
     "path-browserify": "^1.0.1",
-    "puppeteer": "^23.11.1",
     "rss": "^1.2.2"
   },
   "devDependencies": {

pages/blog/[...name]/index.vue

@@ -9,17 +9,6 @@ useHead({
   },
 });
 
-defineOgImageComponent('Frame', {
-  description: 'A blog post by Nike Okoronkwo',
-  bg: 'linear-gradient(to bottom right, #404540, #2f322f)',
-  username: 'nikeokoronkwo',
-  socials: [{
-    name: 'nikeokoronkwo', icon: 'iconoir:instagram',
-  }, {
-    name: 'nikeokoronkwo', icon: 'mdi:github'
-  }]
-});
-
 const route = useRoute();
 
 const colorMode = useColorMode();

pages/blog/index.vue

@@ -3,18 +3,6 @@ useHead({
   title: "Blog",
 });
 
-defineOgImageComponent('Frame', {
-  title: 'Nike Okoronkwo',
-  description: 'The personal blog of Nikechukwu Okoronkwo',
-  bg: 'linear-gradient(to bottom right, #404540, #2f322f)',
-  username: 'nikeokoronkwo',
-  socials: [{
-    name: 'nikeokoronkwo', icon: 'iconoir:instagram',
-  }, {
-    name: 'nikeokoronkwo', icon: 'mdi:github'
-  }]
-})
-
 const queryBuilder = queryContent("blog").sort({ date: 1 });
 const { data: navigation } = await useAsyncData("navigation", () =>
   fetchContentNavigation(queryBuilder),

pages/index.vue

@@ -1,15 +1,3 @@
-<script setup lang="ts">
-defineOgImageComponent('Frame', {
-  bg: 'linear-gradient(to bottom right, #404540, #2f322f)',
-  username: 'nikeokoronkwo',
-  socials: [{
-    name: 'nikeokoronkwo', icon: 'iconoir:instagram',
-  }, {
-    name: 'nikeokoronkwo', icon: 'mdi:github'
-  }]
-})
-</script>
-
 <template>
   <div>
     <section
@@ -70,7 +58,7 @@ defineOgImageComponent('Frame', {
           </div>
         </div>
       </div>
-      <LazyResumeDialog />
+      <!-- <LazyResumeDialog /> -->
     </section>
   </div>
 </template>