Other.vue

<script>
import { h } from'vue'

// this computed property should be visible
// even if component has no 'computed' defined
constcomputedPropMixin= {
 computed: {
computedPropFromMixin() {
returnnull
 },
 },
}

exportdefault {
 name:'OtherWithMine',
 components: {
 Mine: {
 inject: ['foo', 'noop', 'answer'],
render: () =>h('div', { class:'mine' }, 'mine'),
data() {
return {
// testing all data types
a() {},
 b:/123/,
 c:document.createElement('div'),
 d:null,
 e:undefined,
 f:true,
 g:12345,
 h:'I am a really long string mostly just to see how the horizontal scrolling works.',
 }
 },
 },
 },
 mixins: [computedPropMixin],
 provide: {
 foo:'bar',
noop: (a, b, c) => {},
 answer:42,
 },
 inheritAttrs:false,
 props: ['id'],
data() {
consta= { c() {} }
a.a= a
constb= []
 b[0] = b
return {
 a,
 b,
 }
 },
}
</script>

<template>
 <div>
 Other {{ id }}
 <Mine />
 </div>
</template>

<style lang="stylus">
.mine
displayinline-block
</style>