man15h / vue-cryptoicon Goto Github PK

There is a new version available :)

https://github.com/spothq/cryptocurrency-icons/releases/tag/v0.17.1

Generally, its a good idea if a symbol isn't present to return a generic icon. I do see you have written a code for this here:

CryptoIcon.vue

I think when someone is iterating over lots of symbols and if the symbol isn't found in this library it should return generic but as of now, I get an error in console.

Maybe we should remove that else part and return generic, If you agree I can raise a PR for that.

okb - https://www.okex.com/okb
nera - https://near.org/
hbar - https://hedera.com/
flow - https://www.onflow.org/
perp - https://www.perp.fi/
dydx - https://dydx.exchange/

webpack compiled with 1 error
ERROR in src/main.ts:9:18
TS7016: Could not find a declaration file for module 'vue-cryptoicon/src/icons'. '/Users/derek/Sites/metaspan/demo/node_modules/vue-cryptoicon/src/icons/index.js' implicitly has an 'any' type.
  Try `npm i --save-dev @types/vue-cryptoicon` if it exists or add a new declaration (.d.ts) file containing `declare module 'vue-cryptoicon/src/icons';`
     7 | // import Cryptoicon from 'vue-cryptoicon'
     8 | const Cryptoicon = require('vue-cryptoicon')
  >  9 | import icon from 'vue-cryptoicon/src/icons'
       |                  ^^^^^^^^^^^^^^^^^^^^^^^^^^
    10 | Cryptoicon.add(icon)
    11 | Vue.use(Cryptoicon)
    12 |

I simply added this file in same directory as main.ts:
shims-cryptoicon.d.ts

declare module 'vue-cryptoicon'
declare module 'vue-cryptoicon/src/icons'

https://www.avax.network/

I added cryptoicon to my app but I get the error mentioned in the title.

It can be resolved by renaming index.js to index.mjs

How to apply it to vue3.0 project?

Base: https://polkadot.js.org/apps/

I'm currently getting a lot of Symbol of the icon is not correct: SOME_ICON error messages. Also, the element takes of space even if nothing is displayed. I'd like to be able to conditionally check if the coin is supported and conditionally render the element.

Hi there!

I had to revert back to 0.1.6 as all the new releases are missing the built lib folder and it results in dependency not found during the compilation of my app.

They appear like this:

They should appear like this:
https://github.com/spothq/cryptocurrency-icons/blob/master/svg/color/dai.svg
https://github.com/spothq/cryptocurrency-icons/blob/master/svg/color/link.svg

I have trouble getting it to work with Nuxt 3.

Should it not be registered in a plugin like:

import Cryptoicon from 'vue-cryptoicon'
import icon from 'vue-cryptoicon/src/icons'
import { defineNuxtPlugin } from '#app'

export default defineNuxtPlugin((nuxtApp) => {
  Cryptoicon.add(icon)
  nuxtApp.vueApp.use(Cryptoicon)
})

?

Some of the icons not found , Could you add all icons or return default icon if the icon not exist