Passing config when using .vue

[barrachri]

Hello, starting from this example

<template>
  <nprogress-container></nprogress-container>
</template>

<script>
import NprogressContainer from 'vue-nprogress/src/NprogressContainer'

export default {
  components: {
    NprogressContainer
  }
}
</script>

how can you pass a config?
Specifically I'd like to remove the spinner ({ showSpinner: false })

[lethak]

You can always try to change the settings after it is created and before it is rendered

this.$nprogress.settings.showSpinner = false

I just tested and it seems to work

[whoisjorge]

I know that's probably not what you want to achieve, but you can always do it as hard as easy with CSS rules like: visibility: hidden, opacity: 0, or diplay: none on the .spinner class!

#nprogress.spinner {
  /* Hardcore choice */
  visibility: hidden;
  opacity: 0;
  display: none;
}

[barrachri]

Thanks :)