search

Saeris / vue-spinners

💫 A collection of loading spinner components for Vuejs
https://vue-spinners.saeris.io/
MIT License
317 stars 16 forks source link

':color="#bada55"' as the example break the build with unpkg. #89

Open hetica opened 3 years ago

hetica commented 3 years ago

I want to test spinners, but when I copy/paste code as example, using unpkg, vue can't compile due tu color (I trie it with ring-loader). Here Vue report : 

[Vue warn]: Error compiling template:
invalid expression: private fields are not currently supported in
    #bada55
  Raw expression: :color="#bada55"

1  |  <div id="app">
2  |      <ring-loader class="spinner" :color="#bada55" :loading="loading" :size="130"></ring-loader>
   |                                   ^^^^^^^^^^^^^^^^
3  |      <button v-on:click="showSpinLoader()">Load eavy stuff</button>
4  |      <div id="data" v-show="showData">

(found in <Root>)

sizeUnit="px" also doesn't work, but vue can compile.

sargentogato commented 2 years ago

If you check the syntax in color you forgot the single quote :color=" '#number' ". If you don`t want to use both quotes (single and double) you can try color:"#number"