fix(client): merge locales head correctly

e2e/docs/.vuepress/config.ts

@@ -7,20 +7,31 @@ import { e2eTheme } from './theme/node/e2eTheme.js'
 export default defineUserConfig({
   base: '/',
 
-  head: [],
+  head: [
+    ['meta', { name: 'foo', content: 'foo' }],
+    ['meta', { name: 'bar', content: 'bar' }],
+    ['meta', { name: 'baz', content: 'baz' }],
+  ],
 
   locales: {
     '/': {
       lang: 'en-US',
       title: 'VuePress E2E',
       description: 'VuePress E2E Test Site',
-      head: [],
+      head: [
+        ['meta', { name: 'foo-en', content: 'foo-en' }],
+        ['meta', { name: 'bar', content: 'foobar' }],
+        ['meta', { name: 'baz', content: 'foobar baz' }],
+      ],
     },
     '/zh/': {
       lang: 'zh-CN',
       title: 'VuePress E2E',
       description: 'VuePress E2E 测试站点',
-      head: [],
+      head: [
+        ['meta', { name: 'foo-zh', content: 'foo-zh' }],
+        ['meta', { name: 'bar', content: 'foobar zh' }],
+      ],
     },
   },
 

e2e/tests/site-data.cy.ts

@@ -22,7 +22,18 @@ describe('siteData', () => {
     })
 
     it('head', () => {
-      // TODO
+      cy.get('head meta[name="foo"]')
+        .should('have.length', 1)
+        .should('have.attr', 'content', 'foo')
+      cy.get('head meta[name="bar"]')
+        .should('have.length', 1)
+        .should('have.attr', 'content', 'foobar')
+      cy.get('head meta[name="baz"]')
+        .should('have.length', 1)
+        .should('have.attr', 'content', 'foobar baz')
+      cy.get('head meta[name="foo-en"]')
+        .should('have.length', 1)
+        .should('have.attr', 'content', 'foo-en')
     })
   })
 
@@ -49,7 +60,18 @@ describe('siteData', () => {
     })
 
     it('head', () => {
-      // TODO
+      cy.get('head meta[name="foo"]')
+        .should('have.length', 1)
+        .should('have.attr', 'content', 'foo')
+      cy.get('head meta[name="bar"]')
+        .should('have.length', 1)
+        .should('have.attr', 'content', 'foobar zh')
+      cy.get('head meta[name="baz"]')
+        .should('have.length', 1)
+        .should('have.attr', 'content', 'baz')
+      cy.get('head meta[name="foo-zh"]')
+        .should('have.length', 1)
+        .should('have.attr', 'content', 'foo-zh')
     })
   })
 })

packages/client/src/resolvers.ts

@@ -139,5 +139,11 @@ export const resolvers = reactive({
   ): SiteLocaleData => ({
     ...site,
     ...site.locales[routeLocale],
+    head: [
+      // when merging head, the locales head should be placed before root head
+      // to get higher priority
+      ...(site.locales[routeLocale]?.head ?? []),
+      ...(site.head ?? []),
+    ],
   }),
 })