-
Notifications
You must be signed in to change notification settings - Fork 826
Open
Labels
Description
Environment
- Operating System: Linux
- Node Version: v22.9.0
- Nuxt Version: 4.0.3
- CLI Version: 3.28.0
- Nitro Version: 2.12.4
- Package Manager: [email protected]
- Builder: -
- User Config: devtools, modules, ssr, css, icon, compatibilityDate
- Runtime Modules: @nuxt/[email protected], @nuxt/[email protected]
- Build Modules: -
Version
v3.3.0
Reproduction
npm create nuxt@latest -- -t ui
- add
ssr: false
andicon: {provider: 'none', clientBundle: { scan: true }
innuxt.config.ts
- add a simple
<UCheckbox />
inindex.vue
- run
npm run generate
- serve
.output/public
withapache2
nuxt.config.ts
and app/pages/index.vue
export default defineNuxtConfig({
devtools: { enabled: true },
modules: [
'@nuxt/ui',
'@nuxt/eslint'
],
ssr: false,
css: ['~/assets/css/main.css'],
icon: {
provider: 'none',
clientBundle: {
scan: true,
}
},
compatibilityDate: '2025-07-16'
})
<script setup>
const value=ref(true)
</script>
<template>
<UCheckbox v-model="value" />
</template>
Description
The default icon for UCheckbox
will not be bundled for client when SSR is disabled.
The check icon is missing:

and a warning message is shown in the console:
Warning
[Icon] failed to load icon `lucide:check`
fyi, the icon will show if
provider: 'server'
andssr: true
is setprovider: 'iconify'
is set andhttps://api.iconify.design/
is reachable- Or, the icon is explitly specified:
<UCheckbox v-model="value" icon="i-lucide-check" />