clicking card redirecting to corresponding pages

FrontendFolder/switch-room/src/components/LoginMainPage.vue

@@ -8,7 +8,8 @@
                     style="display: flex; justify-content: center;"
                 >
                     <el-card
-                        onclick=""
+                        class="card"
+                        v-on:click="redirect('/offer-page')"
                     >
                         <img
                         src="../assets/mainPage/offer.png"
@@ -25,6 +26,7 @@
                 style="display: flex; justify-content: center;"
             >
                 <el-card
+                    class="card"
                     onclick=""
                 >
                     <img
@@ -42,7 +44,10 @@
                 <el-col
                 style="display: flex; justify-content: center;"
                 >
-                <el-card>
+                <el-card
+                    class="card"
+                    onclick=""
+                >
                     <img
                     src="../assets/mainPage/flight.jpeg"
                     class="image"
@@ -58,9 +63,16 @@
     </el-container>
 </template>
     
-<script setup lang="ts">
-    import { ref } from 'vue'
-    const currentDate = ref(new Date())
+<script lang="ts">
+import { defineComponent } from "vue";
+export default defineComponent({
+    name: "LoginMainPage",
+    methods: {
+        redirect(url: string) {
+            this.$router.push({path: url});
+        }
+    },
+});
 </script>
   
 <style>
@@ -68,6 +80,9 @@
     width: 25vw;
     display: block;
 }
+.card {
+    cursor: pointer
+}
 .container {
     width: 100%;
     height: 100%;

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

@@ -25,6 +25,12 @@ const routes: Array<RouteRecordRaw> = [
     component: () =>
       import(/* webpackChunkName: "about" */ "../views/OfferView.vue"),
   },
+  {
+    path: "/login-main-page",
+    name: "LoginMainPage",
+    component: () =>
+      import("../views/LoginMainPageView.vue"),
+  }
 ];
 
 const router = createRouter({