WishListPage router done

FrontendFolder/switch-room/src/components/WishListPage.vue → FrontendFolder/switch-room/src/components/WishlistPage.vue

-<template></template>
+<template>This is wishList</template>
 
 <script>
 export default {

FrontendFolder/switch-room/src/router/index.ts

@@ -19,12 +19,15 @@ const routes: Array<RouteRecordRaw> = [
   {
     path: "/offer-page",
     name: "OfferPage",
-    // route level code-splitting
-    // this generates a separate chunk (about.[hash].js) for this route
-    // which is lazy-loaded when the route is visited.
     component: () =>
       import(/* webpackChunkName: "about" */ "../views/OfferView.vue"),
   },
+  {
+    path: "/wishlist-page",
+    name: "WishlistPage",
+    component: () =>
+      import(/* webpackChunkName: "about" */ "../views/WishlistView.vue"),
+  },
 ];
 
 const router = createRouter({

FrontendFolder/switch-room/src/views/WishlistView.vue

+<template>
+  <wishlist-page></wishlist-page>
+</template>
+
+<script setup lang="ts">
+import WishlistPage from "@/components/WishlistPage.vue";
+</script>