I've enrolled in a Vue + Firestore course, but I'm attempting to use TypeScript instead of conventional JavaScript. The basic setup is complete, however, my app displays a blank page when it should be showing a simple header text from the App.vue file on the local host home page.
If you'd like to take a look at the full repository, click here.
Below is the content of the App.vue file:
<template>
<div id="app">
<header>
<h1>Vue Voxer</h1>
<p>Realtime Walkie-Talkie Voice Chat</p>
</header>
<router-view></router-view>
</div>
</template>
<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
name: "App",
components: {},
});
</script>
<style>
header {
text-align: center;
}
button,
input {
margin-bottom: 10px;
}
</style>
Can someone help me figure out what is going wrong?