fix: add headTags for backwards compatibility

src/index.ts

@@ -10,15 +10,16 @@ import type { MergeHead } from '@zhead/schema'
 import {
   PROVIDE_KEY,
 } from './constants'
-import { resolveUnrefHeadInput } from './utils'
+import { resolveHeadEntriesToTags, resolveUnrefHeadInput } from './utils'
 import type {
   HeadEntry,
-  HeadEntryOptions, HeadObjectApi,
+  HeadEntryOptions, HeadObjectApi, HeadTag,
   HookBeforeDomUpdate, HookEntriesResolved,
   HookTagsResolved, ResolvedUseHeadInput, UseHeadInput,
   UseHeadRawInput,
 } from './types'
 import { updateDOM } from './dom/update-dom'
+import { resolveHeadEntries } from './ssr'
 
 export * from './types'
 
@@ -27,6 +28,15 @@ export interface HeadClient<T extends MergeHead = {}> {
 
   headEntries: HeadEntry<T>[]
 
+  /**
+   * Backwards compatibility function to fetch the headTags.
+   *
+   * This function forces reactivity resolving and is not performant.
+   *
+   * @deprecated Use hooks.
+   */
+  headTags: HeadTag[]
+
   addEntry: (entry: UseHeadInput<T>, options?: HeadEntryOptions) => HeadObjectApi<T>
   addReactiveEntry: (objs: UseHeadInput<T>, options?: HeadEntryOptions) => () => void
 
@@ -89,6 +99,15 @@ export const createHead = <T extends MergeHead = {}>(initHeadObject?: ResolvedUs
       return entries
     },
 
+    /**
+     * Backwards compatibility with < v1.
+     */
+    get headTags() {
+      // Note: we don't call hooks here as this function is sync
+      const resolvedEntries = resolveHeadEntries(head.headEntries)
+      return resolveHeadEntriesToTags(resolvedEntries)
+    },
+
     addEntry(input, options = {}) {
       let resolved = false
       if (options?.resolved) {

tests/backwards-compatibility/head-tags.test.ts

@@ -0,0 +1,41 @@
+import { createHead } from '../../src'
+
+describe('head tags', () => {
+  test('calling them works', async () => {
+    const head = createHead()
+    head.addEntry({
+      title: 'test',
+      link: [
+        {
+          href: '/',
+        },
+      ],
+    })
+
+    expect(head.headTags).toMatchInlineSnapshot(`
+      [
+        {
+          "children": "test",
+          "options": {},
+          "props": {},
+          "runtime": {
+            "entryId": 0,
+            "position": 0,
+          },
+          "tag": "title",
+        },
+        {
+          "options": {},
+          "props": {
+            "href": "/",
+          },
+          "runtime": {
+            "entryId": 0,
+            "position": 1,
+          },
+          "tag": "link",
+        },
+      ]
+    `)
+  })
+})