props keep showing as $attrs in VUE DEV TOOLS

Question

enter image description hereenter image description here My props keep showing as $attrs in VUE DEV TOOLS I have tried disabling attrs using inheritAttrs: false and v-bind="$attrs",does not work

// props 
:showLoadMoreButton="load"

  data() {
    return {
      load: true
  }

Answer 1

I had the same issue recently. In my case the error was that i didnt close the script tag in the component

Answer 2

If something is appearing as an attribute, it means it's not registered as a prop on the component.

Try registering your unwanted attribute as a prop:

// props 
:showLoadMoreButton="load"

export default {
  props: {
    showLoadMoreButton: Boolean
  }
}