Layout

app.vue

 <template>
-  <client-only>
-    <app-navbar />
-  </client-only>
-  <nuxt-page />
+  <NuxtLayout>
+     <NuxtPage />
+  </NuxtLayout>
 </template>

components/AppNavbar.vue

-<script setup lang="ts">
-const { $keycloak } = useNuxtApp();
-
-const login = () => {
-  $keycloak.login()
-}
-
-const logout = () => {
-  $keycloak.logout({ redirectUri: location.origin + "/" });
-}
-
-</script>
-
-<template>
-  <div>
-    <button @click="logout" v-if="$keycloak.authenticated">Logout</button>
-    <button @click="login" v-else>Login</button>
-  </div>
-</template>

layouts/default.vue

+<template>
+
+<div>
+  <button @click="$keycloak.logout()" v-if="$keycloak.authenticated">Logout</button>
+  <button @click="$keycloak.login()" v-else>Login</button>
+</div>
+
+<slot />
+</template>
+
+<script>
+const { $keycloak } = useNuxtApp();
+
+export default {
+  name: 'default',
+  data () {
+    return {
+    }
+  },
+}
+</script>

nuxt.config.ts

@@ -12,4 +12,12 @@ export default defineNuxtConfig({
     },
   },
 
+//  app: {
+//    head: {
+//      link: [
+//        { rel: 'stylesheet', href: 'https://styleguide.pirati.cz/2.9.1/css/styles.css' }
+//      ]
+//    }
+//  },
+
 })