How can I add css as early hints?
I'm trying to implement early hints on nuxt 3.9.0 and using cloudflare
I already enable the experimental.writeEarlyHints option in nuxt.config.ts
I'm trying to debug what are the early hints that nuxt send in the header
And I can see this "link" that comes from renderResourceHeaders from vue-bundle-renderer/runtime
Most of files are .js, How can I add some css files too?
[
'</_nuxt/entry.m3um2nrU.js>; rel="modulepreload"; as="script"; crossorigin',
' </_nuxt/swiper-vue.KxQbMS3w.js>; rel="modulepreload"; as="script"; crossorigin',
' </_nuxt/auth-guard.pFDR3Huu.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/autonomous-refunds-guard.whTpR74u.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/return-module-guard.CEFj69rk.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/warranties-guard.SXCroQc2.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/without-session-guard.Ff7P_szI.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/checkout.65qMzAcZ.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/VApp.tN7SzKk1.css>; rel="prefetch"; as="style"',
' </_nuxt/default.hr0RtEQx.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/client-only.EtBdACrf.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/VApp.0FQAg4kV.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/layout.H4F050aa.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/ssrBoot.mbIRu34R.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/homeLayout.xXluYBR9.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/deployed_code_history.-Vetax_E.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/heart_plus.NQKJquIZ.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/magic_button.8Y0EFanZ.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/CpSearchBar.MLOSfRyF.js>; rel="prefetch"; as="script"; crossorigin',
]
I already enable the experimental.writeEarlyHints option in nuxt.config.ts
I'm trying to debug what are the early hints that nuxt send in the header
And I can see this "link" that comes from renderResourceHeaders from vue-bundle-renderer/runtime
Most of files are .js, How can I add some css files too?
[
'</_nuxt/entry.m3um2nrU.js>; rel="modulepreload"; as="script"; crossorigin',
' </_nuxt/swiper-vue.KxQbMS3w.js>; rel="modulepreload"; as="script"; crossorigin',
' </_nuxt/auth-guard.pFDR3Huu.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/autonomous-refunds-guard.whTpR74u.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/return-module-guard.CEFj69rk.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/warranties-guard.SXCroQc2.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/without-session-guard.Ff7P_szI.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/checkout.65qMzAcZ.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/VApp.tN7SzKk1.css>; rel="prefetch"; as="style"',
' </_nuxt/default.hr0RtEQx.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/client-only.EtBdACrf.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/VApp.0FQAg4kV.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/layout.H4F050aa.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/ssrBoot.mbIRu34R.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/homeLayout.xXluYBR9.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/deployed_code_history.-Vetax_E.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/heart_plus.NQKJquIZ.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/magic_button.8Y0EFanZ.js>; rel="prefetch"; as="script"; crossorigin',
' </_nuxt/CpSearchBar.MLOSfRyF.js>; rel="prefetch"; as="script"; crossorigin',
]
