Vue асинхронные компоненты

Начал пробовать Vue и сразу же споткнулся на асинхронности компонентов.

main.js

import test_comp from "./components/test_comp";
const AsyncComp = () => ({
    component: {test_comp},
    delay: 2000,
});
$(() => {
    new Vue({
        el: '#app',
        data: {
            message: 'Hello Vue!'
        },
        components: {AsyncComp}
    });
});

test_comp.js

export default {
    name: 'test_comp',
    data: () => {
        return {
            message: 'hi!'
        }
    },
    template: `<span>{{message}}</span>`,
}

Вываливается ошибка

main.js:535 [Vue warn]: Unknown custom element: <test_comp> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
(found in <Root>)

На каком моменте у меня случился затуп?

UPD:

Во вьюшке сделал

<async-comp>
    <test-comp></test-comp>
</async-comp>

Ошибки уже нет, но теперь не отображается темплейт компонента, а вместо него <!---->