vue-spinners icon indicating copy to clipboard operation
vue-spinners copied to clipboard

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

Open hetica opened this issue 3 years ago • 1 comments

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.

hetica avatar Apr 15 '21 16:04 hetica

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"

sargentogato avatar Aug 22 '21 12:08 sargentogato