formatted

resources/js/pages/team/Index.vue

@@ -4,7 +4,15 @@ import {Head, Link, router, usePage} from '@inertiajs/vue3';
 import type { Team } from '@/types/models';
 import TextLink from '@/components/TextLink.vue';
 import { Card, CardContent } from '@/components/ui/card';
-import {Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow,} from '@/components/ui/table';
+import {
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table';
 import { Button } from '@/components/ui/button';
 import { Eye, Pencil, Plus, Trash } from '@lucide/vue';
 
@@ -74,7 +82,7 @@ const canDeleteTeam = (team: Team) =>
               <TableCell>{{
                 team.multi_factor_required ? 'Ja' : 'Nein'
               }}</TableCell>
-              <TableCell class="flex gap-4  justify-end">
+              <TableCell class="flex justify-end gap-4">
                 <Link
                   :href="
                     (canManageTeam(team) ? teamRoutes.edit : teamRoutes.show)({
@@ -99,10 +107,7 @@ const canDeleteTeam = (team: Team) =>
                   class="cursor-pointer text-red-500"
                   @click.stop
                 >
-                  <component
+                  <component :is="Trash" size="18" />
-                    :is="Trash"
-                    size="18"
-                  />
                 </Link>
               </TableCell>
             </TableRow>

resources/js/types/models.ts

@@ -6,10 +6,7 @@ export interface Team {
   created_at: string;
 }
 
-export type TeamMemberRole =
+export type TeamMemberRole = 'owner' | 'admin' | 'member';
-  |'owner'
-  | 'admin'
-  | 'member';
 
 export interface User {
   name: string;