InlinedProduct

InlinedProduct.vue

<template lang="html">
  <div @click="clicked()">oi</div>
</template>

<script type="text/babel">
  import ProductItem from '../../shared-components/Item';

  export default {
    extends: { // The Magic is happening right here
      props: {
        ...ProductItem.props,
      },
      data() {
        return {
          ...ProductItem.data(),
        };
      },
      computed: {
        ...ProductItem.computed,
      },
      methods: {
        ...ProductItem.methods,
      },
    },
    data() {
      return {
        teste: 1,
      };
    },
    methods: {
      clicked() {
        console.log('clicked');
      },
    },
    mounted() {
    },
  };
</script>

<style lang="css">
</style>