Vue Component Template

<style scoped>
    #my-component {

    }
</style>
<template>
    <div id="my-component">
        <p>This is a component</p>
    </div>
</template>

<script>
    export default {
        data() {
            return {

            };
        },

        name: 'my-component',

        methods: {

        },

        async created() {
            try {
                console.log("called components/MyComponent.vue/async created");
            } catch (e) {
                alert("An unexpected error occuurred in components/MyComponent.vue/async created.");
                console.log("An unexpected error occuurred in components/MyComponent.vue/async created. The error:");
                console.log(e);
            }
        }
    }
</script>