Inherit/Bind all props from parent

Allow child component to auto inherit props from its parent.

<!-- ComponentA.vue -->
<template>
  <div>{{ hello }}</div>
</template>

<script> 
export default {
  props: {
    hello: String,
  },
};
</script>

<!-- ComponentB.vue -->
<template>
  <div>
    <component-a></component-a> World!
    <!-- or -->
    <component-a v-props></component-a> World!
  </div>
</template>

<script> 
import ComponentA from './ComponentA.vue';

export default {
  props: { ...ComponentA.props },
  components: { ComponentA },
};
</script>

[fnlctrl]

Hi, thanks for filling this issue. Inheriting everything is an anti-pattern, and had been removed from Vue long ago, so please declare the props specifically.

[saintplay]

I like to use a rendered function + functional component:

// ComponentB.js

import ComponentA from './ComponentA.vue';

export default {
  functional: true,
  components: {
    ComponentA
  },
  render (createElement, context) {
    return createElement(ComponentA, {
      props: {
        hello: 'My new Default', // You can even define
        language: 'pr', // default values.
        ...context.props // And then pass the remaining props
      },
      on: context.listeners
    })
  }
}