Adjust OG image size (#22)

* Adjust OG image size * Modify generator tag * Update d0xigen OG image * Add custom emoji to a projects * lintfix * Add changelog
d0rich · Jun 16, 2024 · ceeaa38 · ceeaa38
1 parent cb541c3
commit ceeaa38
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 3 deletions.
diff --git a/.changeset/brown-rules-destroy.md b/.changeset/brown-rules-destroy.md
@@ -0,0 +1,5 @@
+---
+'d0xigen': minor
+---
+
+Display d0xigen as generator in meta tag
diff --git a/.changeset/twenty-schools-vanish.md b/.changeset/twenty-schools-vanish.md
@@ -0,0 +1,5 @@
+---
+'d0xigen': minor
+---
+
+Make images big in OpenGraph
diff --git a/apps/d0rich.me/components/projects/Tile.vue b/apps/d0rich.me/components/projects/Tile.vue
@@ -84,7 +84,7 @@ defineProps<{
 
 <style>
 .project-tile {
-  @apply relative isolate;
+  @apply relative isolate font-sans;
 }
 
 .project-tile__frame--top,

diff --git a/apps/d0xigen.d0rich.me/public/og/image.jpg b/apps/d0xigen.d0rich.me/public/og/image.jpg
diff --git a/packages/d0xigen/app.vue b/packages/d0xigen/app.vue
@@ -14,9 +14,11 @@ useSeoMeta({
   description: appConfig.d0xigen.description,
   ogDescription: appConfig.d0xigen.description,
   author: appConfig.d0xigen.author,
-  generator: 'Nuxt 3',
+  generator: `d0xigen v${useRuntimeConfig().public.version}`,
   ogSiteName: appConfig.d0xigen.title,
   ogImage: appConfig.d0xigen.url + appConfig.d0xigen.og.image,
+  twitterImage: appConfig.d0xigen.url + appConfig.d0xigen.og.image,
+  twitterCard: 'summary_large_image',
   ogUrl: computed(() => appConfig.d0xigen.url + route.path)
 })
 </script>

diff --git a/packages/d0xigen/nuxt.config.ts b/packages/d0xigen/nuxt.config.ts
@@ -1,7 +1,12 @@
 import { fileURLToPath } from 'url'
 import { dirname, join } from 'path'
+import fs from 'fs'
 const currentDir = dirname(fileURLToPath(import.meta.url))
 
+const packageJson = JSON.parse(
+  fs.readFileSync(join(currentDir, 'package.json'), 'utf-8')
+)
+
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
 export default defineNuxtConfig({
   extends: [
@@ -35,7 +40,8 @@ export default defineNuxtConfig({
   runtimeConfig: {
     public: {
       isDev: process.env.NODE_ENV === 'development',
-      isProd: process.env.NODE_ENV === 'production'
+      isProd: process.env.NODE_ENV === 'production',
+      version: packageJson.version
     }
   },
   colorMode: {