Basic Menu

resources/js/Layouts/GuestLayout.vue

@@ -46,7 +46,7 @@ onMounted(fetch_menu);
                     Home
                 </fwb-navbar-link>
                 <template v-for="item in menu[0].childs" v-if="menu.length > 0">
-                    <fwb-navbar-link >
+                    <fwb-navbar-link :link="route(item.route_or_url)" >
                         {{ item.name }}
                     </fwb-navbar-link>
                 </template>

resources/js/Pages/IkeaAbout.vue

@@ -0,0 +1,29 @@
+<script setup>
+import { getCurrentInstance, ref, onMounted, onUnmounted, nextTick, computed } from 'vue';
+import GuestLayout from '../Layouts/GuestLayout.vue';
+import { useForm } from '@inertiajs/inertia-vue3'
+import axios from 'axios';
+
+
+</script>
+
+<template>
+    <GuestLayout>
+    <div class="flex flex-wrap gap-2 justify-center align-middle ">
+        <h1>What is Ikea price comparison?</h1>
+
+        It is a community project of a group of enthusiasts from Slovakia.
+        This service provides price comparison of Ikea products in European countries.
+        Product prices are converted to EUR at the current rate and appear in resulting table.
+        Information about the prices of Ikea products is obtained online.
+        You can go to the appropriate product page by clicking on the country name.
+        Thanks to this service, you can find out in which country a given Ikea product is the cheapest (you can sort them in the resulting table).
+        
+        Enjoy :) 
+    </div>
+  </GuestLayout>
+</template>
+<style>
+@import 'vue3-easy-data-table/dist/style.css';
+</style>
+<style src="vue-multiselect/dist/vue-multiselect.css"></style>

resources/js/Pages/IkeaExchange.vue

@@ -0,0 +1,16 @@
+<script setup>
+import { getCurrentInstance, ref, onMounted, onUnmounted, nextTick, computed } from 'vue';
+import GuestLayout from '../Layouts/GuestLayout.vue';
+import { useForm } from '@inertiajs/inertia-vue3'
+import axios from 'axios';
+
+
+</script>
+
+<template>
+    <GuestLayout>
+    <div class="flex flex-wrap gap-2 justify-center align-middle ">
+        <h1>Exchange</h1>
+    </div>
+  </GuestLayout>
+</template>

routes/web.php

@@ -21,8 +21,15 @@ use App\Http\Controllers\ProductsCompareController;
 */
 
 Route::get('/', function () {
-    return Inertia::render('IkeaRoot')->with('menu', (new App\Http\Controllers\Superuser\UserMenuController)->get() );
+    return Inertia::render('IkeaRoot');
 })->name('root'); 
+Route::get('/about/', function () {
+    return Inertia::render('IkeaAbout'); 
+})->name('about'); 
+Route::get('/exchange/', function () {
+    return Inertia::render('IkeaExchange'); 
+})->name('exchange'); 
+
 Route::get('/menu/get', [App\Http\Controllers\Superuser\UserMenuController::class, 'get'])->name('menu.user');
 
 Route::get('/ccountry/', [CountryCodeController::class, 'index'])->name('ccountry.index');