Set default config

[biigpongsatorn]

Set default config

[movepixels]

SOLVED

Has to be in the correct format of props:

Vue.component('VueElementLoading', {
  extends: VueElementLoading,
  props: {
    size: {
      type: String,
      default: '128'
    },
    spinner: {
      type: String,
      default: 'spinner'
    },
    color: {
      type: String,
      default: '#9ea72e'
    },
    backgroundColor: {
      type: String,
      default: 'rgba(255, 255, 255, .5)'
    }
  }
})

If anyone come across this or if you want to add it to the docs. Beats having to set the same props everytime :)

Dave

[biigpongsatorn]

not sure, please try

Vue.component('VueElementLoading', {
  extends: VueElementLoading,
  props: {
     spinner:"spinner",
     color:"#E91E63"
  }
});

[movepixels]

Results in error stating:

Right-hand side of 'instanceof' is not an object

[biigpongsatorn]

@movepixels Cool! Thank you for your suggestion. PR welcome if you want to contribute this path :)

[movepixels]

Hello, Sure I will help out. I need to take the day to look at what changed from 1.0.5 to now 1.1.1. I am using this in Nuxt app and in 1.0.5 I get no errors. Anything over 1.0.5 I get the “The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or missing <tbody>. Bailing hydration and performing full client-side render.” Error in console so something changed to break. Off hand you know what major changes were made? I will go back and look all the same. From: Pongsatorn [mailto:[email protected]] Sent: Sunday, July 14, 2019 12:01 PM To: biigpongsatorn/vue-element-loading <[email protected]> Cc: Dave Maharaj <[email protected]>; Mention <[email protected]> Subject: Re: [biigpongsatorn/vue-element-loading] Set default config (#22) @movepixels <https://github.com/movepixels> Cool! Thank you for your suggestion. PR welcome if you want to contribute this path :) — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#22?email_source=notifications&email_token=AAOQU4KR5UNKGQFDEXWZIG3P7M2CPA5CNFSM4IC5MWB2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODZ4GR6Q#issuecomment-511207674> , or mute the thread <https://github.com/notifications/unsubscribe-auth/AAOQU4LRMG7OW23JXNEKZ73P7M2CPANCNFSM4IC5MWBQ> . <https://github.com/notifications/beacon/AAOQU4PPHZRZYGE5XLBM7KDP7M2CPA5CNFSM4IC5MWB2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODZ4GR6Q.gif>