Generate og:url (#37)

* Add canonical URL as og:url

* Update tests

Author: tmlmt

packages/vue-i18n-routing/src/__test__/__snapshots__/compatibles.test.ts.snap

@@ -38,6 +38,11 @@ exports[`localeHead > composition mode > should be worked > en 1`] = `
     },
   ],
   "meta": [
+    {
+      "content": "http://localhost:8080/en/about",
+      "hid": "i18n-og-url",
+      "property": "og:url",
+    },
     {
       "content": "en_US",
       "hid": "i18n-og",
@@ -90,6 +95,11 @@ exports[`localeHead > composition mode > should be worked > ja 1`] = `
     },
   ],
   "meta": [
+    {
+      "content": "http://localhost:8080/ja",
+      "hid": "i18n-og-url",
+      "property": "og:url",
+    },
     {
       "content": "ja_JP",
       "hid": "i18n-og",
@@ -142,6 +152,11 @@ exports[`localeHead > legacy mode > should be worked > en 1`] = `
     },
   ],
   "meta": [
+    {
+      "content": "http://localhost:8080/en/about",
+      "hid": "i18n-og-url",
+      "property": "og:url",
+    },
     {
       "content": "en_US",
       "hid": "i18n-og",
@@ -194,6 +209,11 @@ exports[`localeHead > legacy mode > should be worked > ja 1`] = `
     },
   ],
   "meta": [
+    {
+      "content": "http://localhost:8080/ja",
+      "hid": "i18n-og-url",
+      "property": "og:url",
+    },
     {
       "content": "ja_JP",
       "hid": "i18n-og",

packages/vue-i18n-routing/src/compatibles/head.ts

@@ -58,7 +58,15 @@ export function localeHead(
     }
 
     addHreflangLinks.call(this, locales as LocaleObject[], unref(i18n.baseUrl), metaObject.link, identifierAttribute)
-    addCanonicalLinks.call(this, unref(i18n.baseUrl), metaObject.link, identifierAttribute, addSeoAttributes)
+    // eslint-disable-next-line prettier/prettier
+    addCanonicalLinksAndOgUrl.call(
+      this,
+      unref(i18n.baseUrl),
+      metaObject.link,
+      metaObject.meta,
+      identifierAttribute,
+      addSeoAttributes
+    )
     addCurrentOgLocale(currentLocale, currentLocaleIso, metaObject.meta, identifierAttribute)
     addAlternateOgLocales(locales as LocaleObject[], currentLocaleIso, metaObject.meta, identifierAttribute)
   }
@@ -122,10 +130,11 @@ function addHreflangLinks(
   }
 }
 
-function addCanonicalLinks(
+function addCanonicalLinksAndOgUrl(
   this: RoutingProxy,
   baseUrl: string,
   link: MetaAttrs,
+  meta: MetaAttrs,
   identifierAttribute: NonNullable<I18nHeadOptions['identifierAttribute']>,
   seoAttributesOptions: I18nHeadOptions['addSeoAttributes']
 ) {
@@ -167,6 +176,12 @@ function addCanonicalLinks(
       rel: 'canonical',
       href
     })
+
+    meta.push({
+      [identifierAttribute]: 'i18n-og-url',
+      property: 'og:url',
+      content: href
+    })
   }
 }
 

packages/vue-i18n-routing/src/composables/__test__/__snapshots__/head.test.ts.snap

@@ -38,6 +38,11 @@ exports[`useLocaleHead > basic > should be worked > en 1`] = `
     },
   ],
   "meta": [
+    {
+      "content": "http://localhost:8080/en/about",
+      "hid": "i18n-og-url",
+      "property": "og:url",
+    },
     {
       "content": "en_US",
       "hid": "i18n-og",
@@ -90,6 +95,11 @@ exports[`useLocaleHead > basic > should be worked > ja 1`] = `
     },
   ],
   "meta": [
+    {
+      "content": "http://localhost:8080/ja",
+      "hid": "i18n-og-url",
+      "property": "og:url",
+    },
     {
       "content": "ja_JP",
       "hid": "i18n-og",