Added inern app integration

resources/js/components/rooms/RoomHeader.vue

@@ -1,9 +1,10 @@
 <script setup lang="ts">
 import { Link } from '@inertiajs/vue3';
-import { Check, Copy } from '@lucide/vue';
+import { Check, Copy, LogOut } from '@lucide/vue';
 import { ref } from 'vue';
 
 import { Checkbox } from '@/components/ui/checkbox';
+import { logout as embeddedLogout } from '@/routes/embedded';
 import { favorite } from '@/routes/room';
 import type { RoomHeaderEmits, RoomHeaderProps } from '@/types/room';
 
@@ -48,6 +49,24 @@ async function copyInviteLink(): Promise<void> {
         </div>
 
         <div class="flex flex-col items-end gap-2">
+            <Link
+                v-if="embedded"
+                :href="
+                    embeddedLogout({
+                        query: {
+                            join_code,
+                            player_name: playerName,
+                        },
+                    })
+                "
+                method="post"
+                as="button"
+                class="inline-flex items-center gap-2 text-sm text-slate-300 transition hover:text-white"
+            >
+                <LogOut class="size-4" />
+                Abmelden
+            </Link>
+
             <button
                 type="button"
                 class="flex w-fit items-center gap-3 rounded-xl border border-slate-700 bg-slate-800 px-4 py-2.5 text-left transition hover:bg-slate-700 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-cyan-300"