fix(composables): extract host getter

nuxt/composables/useHost.ts

@@ -1,10 +1,10 @@
+import { getHost } from '~/plugins/util/util'
+
 export const useHost = () => {
   if (process.server) {
     const event = useRequestEvent()
 
-    if (!event.req.headers.host) throw new Error('Host header is not given!')
-
-    return event.req.headers.host
+    return getHost(event)
   } else {
     return location.host
   }

nuxt/plugins/util/util.ts

@@ -1,5 +1,6 @@
 import { CombinedError } from '@urql/core'
 import Clipboard from 'clipboard'
+import { CompatibilityEvent } from 'h3'
 import { computed, Ref } from 'vue'
 
 export function append(path: string, pathToAppend: string): string {
@@ -54,6 +55,12 @@ export function copyText(text: string) {
 //   return promise
 // }
 
+export function getHost(event: CompatibilityEvent) {
+  if (!event.req.headers.host) throw new Error('Host header is not given!')
+
+  return event.req.headers.host
+}
+
 export function getApiDataDefault() {
   return {
     api: computed(() => {

nuxt/server/middleware/headers.ts

@@ -1,5 +1,7 @@
 import { appendHeader, defineEventHandler } from 'h3'
 
+import { getHost } from '~/plugins/util/util'
+
 function getCsp(host: string): Record<string, Array<string>> {
   const hostName = host.replace(/:[0-9]+$/, '')
   const config = useRuntimeConfig()
@@ -62,7 +64,7 @@ function getCspAsString(host: string): string {
 }
 
 export default defineEventHandler((event) => {
-  const host = useHost()
+  const host = getHost(event)
 
   appendHeader(event, 'Content-Security-Policy', getCspAsString(host))
   // appendHeader(event, 'Cross-Origin-Embedder-Policy', 'require-corp') // https://stackoverflow.com/questions/71904052/getting-notsameoriginafterdefaultedtosameoriginbycoep-error-with-helmet