Failed to resolve component: router-view

[DevKame]

I have this router setup:
router.ts:

import { createRouter, createWebHistory, RouteRecordRaw, } from "vue-router";
import TheOverview from "./components/static/TheOverview.vue";

const routes: Array<RouteRecordRaw> =
[
    {path: "/", redirect: "/overview"},
    {path: "/overview", component: TheOverview},
];

const router = createRouter({
    history: createWebHistory(),
    routes,
});

export default router;

main.ts:

import router from "./router";

const app = createApp(App);
app.mount('#app');

app.use(router);

App.vue:

<template>
  <router-view></router-view>
</template>

TheOverview.vue:

<template>
    <the-nav></the-nav>
</template>

<script lang="ts" setup>
    import TheNav from './overview/TheNav.vue';
</script>

TheNav.vue:

<template>
    <nav class="bg-primary position-fixed"></nav>
</template>

Nothing on my site is rendered, and img etting this warning:

What did i do wrong?

[LinusBorg]

you added the router plugin after mounting the app