fix(angular): use DOCUMENT injection for client

Author: harlan-zw

Diff for: examples/angular/src/app/app.config.client.ts

@@ -1,6 +1,6 @@
 import { mergeApplicationConfig, ApplicationConfig } from '@angular/core';
 import { appConfig } from './app.config';
-import { provideClientHead } from '@unhead/angular'
+import { provideClientHead } from '@unhead/angular/client'
 
 const clientConfig: ApplicationConfig = {
   providers: [

Diff for: examples/angular/src/app/app.config.server.ts

@@ -3,7 +3,7 @@ import { provideServerRendering } from '@angular/platform-server';
 import { provideServerRoutesConfig } from '@angular/ssr';
 import { appConfig } from './app.config';
 import { serverRoutes } from './app.routes.server';
-import { provideServerHead } from '@unhead/angular'
+import { provideServerHead } from '@unhead/angular/server'
 
 const serverConfig: ApplicationConfig = {
   providers: [

Diff for: packages/angular/client/src/client.ts

@@ -1,16 +1,22 @@
 import type { CreateClientHeadOptions } from 'unhead/types'
-import { makeEnvironmentProviders } from '@angular/core'
+import { DOCUMENT } from '@angular/common'
+import { inject, makeEnvironmentProviders } from '@angular/core'
 import { UnheadInjectionToken } from '@unhead/angular'
 import { createHead as _createClientHead, createDebouncedFn, renderDOMHead } from 'unhead/client'
 
 export function provideClientHead(options: CreateClientHeadOptions = {}) {
-  const head = _createClientHead({
-    domOptions: {
-      render: createDebouncedFn(() => renderDOMHead(head), fn => setTimeout(() => fn(), 0)),
+  return makeEnvironmentProviders([{
+    provide: UnheadInjectionToken,
+    useFactory: () => {
+      const document = inject(DOCUMENT)
+      const head = _createClientHead({
+        document,
+        domOptions: {
+          render: createDebouncedFn(() => renderDOMHead(head), fn => setTimeout(() => fn(), 0)),
+        },
+        ...options,
+      })
+      return head
     },
-    ...options,
-  })
-  return makeEnvironmentProviders([
-    { provide: UnheadInjectionToken, useValue: head },
-  ])
+  }])
 }