v0fix: fixed icon imports when using nuxt module

Author: alanscodelog

src/runtime/components/WCheckbox/WCheckbox.vue

@@ -84,6 +84,8 @@ import { CheckboxIndicator, CheckboxRoot } from "reka-ui"
 import type { HTMLAttributes, InputHTMLAttributes } from "vue"
 import { useAttrs } from "vue"
 
+import ILucideCheck from "~icons/lucide/check"
+
 import { useFallbackId } from "../../composables/useFallbackId.js"
 import { usePreHydrationValue } from "../../composables/usePreHydrationValue.js"
 import type { BaseInteractiveProps, TailwindClassProp } from "../../types/index.js"

src/runtime/components/WColorPicker/WColorPicker.vue

@@ -191,6 +191,8 @@ import { safeConvertToHsva } from "./utils/safeConvertToHsva.js"
 import { safeConvertToRgba } from "./utils/safeConvertToRgba.js"
 import { toLowPrecisionRgbaString } from "./utils/toLowPrecisionRgbaString.js"
 
+import ILucideCopy from "~icons/lucide/copy"
+
 import { useFallbackId } from "../../composables/useFallbackId.js"
 import { useInjectedI18n } from "../../composables/useInjectedI18n.js"
 import { copy } from "../../helpers/copy.js"

src/runtime/components/WCombobox/WCombobox.vue

@@ -307,6 +307,9 @@ import {
 import type { EmitsToProps, HTMLAttributes, InputHTMLAttributes } from "vue"
 import { computed, nextTick, ref, useAttrs, useSlots, useTemplateRef, watch } from "vue"
 
+import ILucideChevronDown from "~icons/lucide/chevron-down"
+import ILucideLoaderCircle from "~icons/lucide/loader-circle"
+
 import { useDelayedLoadingIndicator } from "../../composables/useDelayedLoadingIndicator.js"
 import { type SuggestionsDisplayProps, useDisplayForReka } from "../../composables/useDisplayForReka.js"
 import { useFallbackId } from "../../composables/useFallbackId.js"

src/runtime/components/WDatePicker/WRangeDatePicker.vue

@@ -7,6 +7,12 @@ import { onBeforeUnmount, ref, toRaw, useAttrs, watch } from "vue"
 
 import { convertDateWithFallback, getNow, toEmittableDate } from "./helpers.js"
 
+import ILucideCalendarRange from "~icons/lucide/calendar-range"
+import ILucideChevronLeft from "~icons/lucide/chevron-left"
+import ILucideChevronRight from "~icons/lucide/chevron-right"
+import ILucideChevronsLeft from "~icons/lucide/chevrons-left"
+import ILucideChevronsRight from "~icons/lucide/chevrons-right"
+
 import { useInjectedLocale } from "../../composables/useInjectedLocale.js"
 import type { RangeDate } from "../../types/index.js"
 import { twMerge } from "../../utils/twMerge.js"

src/runtime/components/WDatePicker/WSingleDatePicker.vue

@@ -5,6 +5,12 @@ import { onBeforeUnmount, ref, toRaw, useAttrs, watch } from "vue"
 
 import { convertDateWithFallback, getNow, toEmittableDate } from "./helpers.js"
 
+import ILucideCalendarDays from "~icons/lucide/calendar-days"
+import ILucideChevronLeft from "~icons/lucide/chevron-left"
+import ILucideChevronRight from "~icons/lucide/chevron-right"
+import ILucideChevronsLeft from "~icons/lucide/chevrons-left"
+import ILucideChevronsRight from "~icons/lucide/chevrons-right"
+
 import { useInjectedLocale } from "../../composables/useInjectedLocale.js"
 import type { SingleDate } from "../../types/index.js"
 import { twMerge } from "../../utils/twMerge.js"

src/runtime/components/WDebug/WDebug.vue

@@ -35,6 +35,8 @@
 <script setup lang="ts">
 import { useSlots } from "vue"
 
+import ILucideCopy from "~icons/lucide/copy"
+
 import WButton from "../WButton/WButton.vue"
 import WIcon from "../WIcon/WIcon.vue"
 

src/runtime/components/WFileInput/WFileInput.vue

@@ -231,6 +231,10 @@
 import type { HTMLAttributes, InputHTMLAttributes } from "vue"
 import { computed, onBeforeUnmount, ref, shallowReactive, watch } from "vue"
 
+import ILucideFile from "~icons/lucide/file"
+import ILucideUpload from "~icons/lucide/upload"
+import ILucideX from "~icons/lucide/x"
+
 import { useFallbackId } from "../../composables/useFallbackId.js"
 import { useInjectedI18n } from "../../composables/useInjectedI18n.js"
 import type { FileInputError, TailwindClassProp } from "../../types/index.js"

src/runtime/components/WMultiValues/WMultiValues.vue

@@ -83,6 +83,8 @@
 import { removeIfIn } from "@alanscodelog/utils/removeIfIn"
 import { computed, type HTMLAttributes, nextTick, ref, useAttrs } from "vue"
 
+import ILucideX from "~icons/lucide/x"
+
 import { copy } from "../../helpers/copy.js"
 import type { BaseInteractiveProps, TailwindClassProp } from "../../types/index.js"
 import { twMerge } from "../../utils/twMerge.js"

src/runtime/components/WNotifications/WNotification.vue

@@ -176,6 +176,9 @@
 <script setup lang="ts">
 import { computed, type HTMLAttributes, onMounted, ref, useAttrs } from "vue"
 
+import ILucideCopy from "~icons/lucide/copy"
+import ILucideX from "~icons/lucide/x"
+
 import { useSlotVars } from "../../composables/useSlotVars.js"
 import { copy } from "../../helpers/copy.js"
 import { type NotificationEntry, NotificationHandler } from "../../helpers/NotificationHandler.js"

src/runtime/components/WTable/WTable.vue

@@ -469,4 +469,3 @@ defineExpose({
 })
 </script>
 
-