chore: rename types + refactor + add 2 more critical hints

Author: userquin

playground/app.vue

@@ -1,7 +1,13 @@
 <template>
-  <pre>{{ $httpClientHints }}</pre>
+  <div>
+    <pre>{{ $httpClientHints }}</pre>
+    <img
+      src="/mountains_1.jpg"
+      sizes="22vw"
+    >
+  </div>
 </template>
 
 <script setup>
-useNuxtApp().$
+
 </script>

playground/nuxt.config.ts

@@ -1,14 +1,15 @@
 export default defineNuxtConfig({
+  compatibilityDate: '2024-10-11',
+  devtools: { enabled: true },
   modules: ['../src/module'],
 
   httpClientHints: {
     detectBrowser: true,
     detectOS: 'windows-11',
-    http: {
+    critical: {
+      width: true,
       prefersColorScheme: true,
     },
   },
 
-  devtools: { enabled: true },
-  compatibilityDate: '2024-10-11',
 })

playground/public/mountains_1.jpg

@@ -1,6 +1,7 @@
 import { createResolver, defineNuxtModule } from '@nuxt/kit'
 import type { HookResult } from '@nuxt/schema'
-import type { HttpClientHints as ModuleOptions } from './types'
+import { version } from '../package.json'
+import type { HttpClientHintsOptions as ModuleOptions } from './types'
 import { configure } from './utils/configuration'
 import type { HttpClientHintsState } from './runtime/shared-types/types'
 
@@ -15,6 +16,10 @@ export default defineNuxtModule<ModuleOptions>({
   meta: {
     name: 'http-client-hints',
     configKey: 'httpClientHints',
+    compatibility: {
+      nuxt: '>=3.9.0',
+    },
+    version,
   },
   defaults: () => ({
     detectBrowser: false,

playground/public/mountains_2.jpg

@@ -2,7 +2,7 @@ import { useHttpClientHintsState } from './state'
 import { defineNuxtPlugin } from '#imports'
 
 export default defineNuxtPlugin({
-  name: 'http-client-hints:http-client:plugin',
+  name: 'http-client-hints:critical-client:plugin',
   enforce: 'pre',
   parallel: true,
   // @ts-expect-error missing at build time