fix: client hints plugin (#9)

* fix: client hints plugin

* chore: cleanup

Author: userquin

playground/app.vue

@@ -9,5 +9,6 @@
 </template>
 
 <script setup>
-
+const critical = useNuxtApp().$httpClientHints?.critical
+console.log(critical?.devicePixelRatio)
 </script>

src/runtime/plugins/types.d.ts

@@ -1,4 +1,4 @@
-import type { DeepReadonly, UnwrapNestedRefs } from '@vue/reactivity'
+import type { DeepReadonly } from '@vue/reactivity'
 import type { Browser, asyncDetect, detect, detectOS, parseUserAgent } from 'detect-browser-es'
 import type { HttpClientHintsState, UserAgentDataHints } from '../shared-types/types'
 
@@ -9,13 +9,13 @@ declare module '#app' {
     $detectBrowserAsync?: (hints?: UserAgentDataHints[]) => ReturnType<typeof asyncDetect>
     $detectOS?: () => ReturnType<typeof detectOS>
     $parseUserAgent?: () => ReturnType<typeof parseUserAgent>
-    $httpClientHints?: DeepReadonly<UnwrapNestedRefs<HttpClientHintsState>>
+    $httpClientHints?: DeepReadonly<HttpClientHintsState>
   }
 }
 
 declare module 'vue' {
   interface ComponentCustomProperties {
-    $httpClientHints?: DeepReadonly<UnwrapNestedRefs<HttpClientHintsState>>
+    $httpClientHints?: DeepReadonly<HttpClientHintsState>
   }
 }
 

src/utils/configuration.ts

@@ -172,7 +172,7 @@ export default defineNuxtPlugin({
     )
     return {
       provide: {
-        httpClientHints: readonly(clientHints),
+        httpClientHints: readonly(clientHints.value),
       }
     }
   }