Заготовка для создания компонента на Vue JS

Листинг

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<div id="posts">
    <post-list></post-list>
</div>

<template id="post-list">
    <div>
        {{test}}
    </div>
</template>

<script>
Vue.component('post-list', {
    template: '#post-list',
    props:{

    },
    data() {
        return {
            test: 'Lorem ipsum dolor',
        }
    },
    created: function() {
        
    },
    methods: {

    },
});

new Vue({
  el: '#posts',
});
</script>