i just learn about vue3 with ts using vue-router and vue-facing-decorator. i didnt making much changes with the initiate project because i just learn it.

i just follow this

npm quick start

but my code turn into this when i run it

enter image description here

i already install

"vue-facing-decorator": "^3.0.4",

and make

"experimentalDecorators": true,

in my tsconfig.app.json

here is my Dasboard.vue

<template>
    <p>testing dasboard</p>
</template>

<script lang="ts">
import { Vue, Component } from "vue-facing-decorator"


@Component
export default class Dasboard extends Vue {
    mounted() {
        console.log("log this")
    }
}

</script>

my App.vue

<script setup lang="ts">
import Dasboard from './components/Dasboard.vue';
</script>

<template>
  <Dasboard/>
</template>

here is my main.ts

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import router from './routers/router'

createApp(App).use(router).mount('#app')

did anyone know about it, thank you.

solve the eror and seeing my template in my running web