Coder Social home page Coder Social logo

Comments (12)

userquin avatar userquin commented on May 23, 2024 1

@cyberalien there was a bug resolving icon component, check this pr #316 and linked issue

from unplugin-icons.

amir20 avatar amir20 commented on May 23, 2024

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.

userquin avatar userquin commented on May 23, 2024

Are you using mdi and mdi-light collections? How are you using the icons?

from unplugin-icons.

amir20 avatar amir20 commented on May 23, 2024

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.

userquin avatar userquin commented on May 23, 2024

Check last merged pr or last release in releases from root repo page

I Will check this tmr.

from unplugin-icons.

userquin avatar userquin commented on May 23, 2024

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.

amir20 avatar amir20 commented on May 23, 2024

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.

userquin avatar userquin commented on May 23, 2024

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.

amir20 avatar amir20 commented on May 23, 2024

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.

amir20 avatar amir20 commented on May 23, 2024

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.

userquin avatar userquin commented on May 23, 2024

@amir20 yeah, it seems the light variants moved to mdi-light collection...

from unplugin-icons.

cyberalien avatar cyberalien commented on May 23, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.