import { createRouter, createWebHistory } from "vue-router";

import Home from '../views/Home.vue' 

const routes = [

  {

    path: "/",

    name: "home",

    component: "Home",

  },

];

const router = createRouter({

  history: createWebHistory(),

  routes,

});

export default router;

<template> 

  <router-view />

</template>

<script setup> 

</script>

<style scoped> 

</style>

import { createApp } from "vue";

import router from "./router";

import "./style.css";

import App from "./App.vue";

createApp(App)

    .use(router)

    .mount("#app");

<template>

    Home

</template>

<script setup>

</script>

import Home from '../views/Home.vue' 

const routes = [

  {

    path: "/",

    name: "home",

    component: Home, // <---- use Home, not "Home"

  },

];