Comments (12)
@cyberalien there was a bug resolving icon component, check this pr #316 and linked issue
from unplugin-icons.
Looks like components.d.ts
is no longer generated correctly.
diff --git a/assets/components.d.ts b/assets/components.d.ts
index e83dc2aa..852b1547 100644
--- a/assets/components.d.ts
+++ b/assets/components.d.ts
@@ -8,17 +8,8 @@ export {}
declare module 'vue' {
export interface GlobalComponents {
BarChart: typeof import('./components/BarChart.vue')['default']
- 'Carbon:caretDown': typeof import('~icons/carbon/caret-down')['default']
- 'Carbon:circleSolid': typeof import('~icons/carbon/circle-solid')['default']
'Carbon:information': typeof import('~icons/carbon/information')['default']
- 'Carbon:macShift': typeof import('~icons/carbon/mac-shift')['default']
- 'Carbon:star': typeof import('~icons/carbon/star')['default']
- 'Carbon:starFilled': typeof import('~icons/carbon/star-filled')['default']
'Carbon:warning': typeof import('~icons/carbon/warning')['default']
- 'Cil:checkCircle': typeof import('~icons/cil/check-circle')['default']
- 'Cil:circle': typeof import('~icons/cil/circle')['default']
- 'Cil:columns': typeof import('~icons/cil/columns')['default']
- 'Cil:xCircle': typeof import('~icons/cil/x-circle')['default']
ComplexLogItem: typeof import('./components/LogViewer/ComplexLogItem.vue')['default']
ContainerHealth: typeof import('./components/LogViewer/ContainerHealth.vue')['default']
ContainerPopup: typeof import('./components/LogViewer/ContainerPopup.vue')['default']
@@ -31,8 +22,6 @@ declare module 'vue' {
Dropdown: typeof import('./components/common/Dropdown.vue')['default']
FieldList: typeof import('./components/LogViewer/FieldList.vue')['default']
FuzzySearchModal: typeof import('./components/FuzzySearchModal.vue')['default']
- 'Ic:sharpFindInPage': typeof import('~icons/ic/sharp-find-in-page')['default']
- 'Ic:sharpKeyboardReturn': typeof import('~icons/ic/sharp-keyboard-return')['default']
InfiniteLoader: typeof import('./components/InfiniteLoader.vue')['default']
KeyShortcut: typeof import('./components/common/KeyShortcut.vue')['default']
LogActionsToolbar: typeof import('./components/LogViewer/LogActionsToolbar.vue')['default']
from unplugin-icons.
Are you using mdi and mdi-light collections? How are you using the icons?
from unplugin-icons.
I am using mdi like <mdi:light-chevron-left />
. Has something else changed from 0.17.0 --> 0.17.1
that can break this?
from unplugin-icons.
Check last merged pr or last release in releases from root repo page
I Will check this tmr.
from unplugin-icons.
What collections do you have installed? There is a chevron-left in both mdi and mdi-light IIRC, maybe you only have mdi-light collection installed? If so you only need to replace it with <mdi-light:chevron-left />
, my pr just fix a bug.
EDIT: there is no light-chevron-left icon in mdi nor mdi-light and you are using the mdi collection (:
is use as separator, but csmelToKebab function replaces it with dash) nd that's why it is not working
from unplugin-icons.
This used to work before the patch. I tested by reverting. So I don't think it's something on my side.
from unplugin-icons.
I Will try to send a patch tomorrow, your icon works in previous version due to a bug parsing the tag, that icon doesnt exist in the mdi collection.
from unplugin-icons.
Hi @userquin you maybe right. I don't see light-chevron-left
anymore on https://icon-sets.iconify.design/?query=light-chevron-left. Which is weird because it was there before. But I find it weird that it used to work and stopped working. If I revert, it works again. Perhaps it's a change with other deps.
from unplugin-icons.
It seems like all light-*
icons have been removed. Not sure why. Feel free to close this. I am not sure why previous ever worked.
from unplugin-icons.
@amir20 yeah, it seems the light variants moved to mdi-light
collection...
from unplugin-icons.
light-
icons never existed in mdi
set. mdi:light-chevron-left
never existed. mdi-light:chevron-left
though did exist.
I don't know why your code worked before, probably there was a bug in resolving icon sets.
from unplugin-icons.
Related Issues (20)
- auto-import confused with mdi and mdi-light collection HOT 7
- Vue3/Vite auto importing icon names with sequential dashed numbers results in mangled filename HOT 15
- ID collisions in astro HOT 1
- `resolveId` doesn't work as expected when query params contains `.`s HOT 1
- components.d.ts path error if the name startswith prefix defined in collections HOT 6
- Vue 2 examples won't run
- Events don't fire in Vue 2 HOT 5
- How to use the icon's raw svg as url(data:....) in css? HOT 5
- How to auto import unplugin-icons ? HOT 1
- How to auto import icon set with plural names? HOT 7
- Symptom When the icon is imported automatically, an error message is displayed indicating that the icon version does not match
- Unable to use ?raw in SvelteKit HOT 3
- Hydration mismatch warning in vue >=3.4 (nuxt >=3.9) if an SVG uses `url(#id)` HOT 3
- Svelte 5 runes mode not working HOT 4
- Qwik type definitions are not exported in package.json HOT 1
- I import icons dynamically in Svelte? HOT 1
- About icon aspect ratio
- Vue error when using vue-tsc - Type '{}' is not assignable to type 'ComponentProps<string>' HOT 7
- An issue for vue2(<2.7) compiler with "transpile is not a function" HOT 9
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from unplugin-icons.