Vue.js Higher Order Component example in Typescript

HigherOrderComponent.ts

interface Dependencies {
    dependency: Dependency
}

export default function withDependenciesProvided(
    WrappedComponent: VueConstructor,
    dependenciesToProvide: Dependencies,
) {
    return Vue.extend({
        provide() {
            return dependenciesToProvide
        },
        render(h: CreateElement): VNode {
            return h(WrappedComponent, {
                on: this.$listeners,
                attrs: this.$attrs,
                scopedSlots: this.$scopedSlots,
            })
        },
    })
}

// To use
const dependency = new Dependency()
export default {
    name: 'App',
    components: {
        SomeView: withDependenciesProvided(SomeView, {dependency})
    },
}