formatted

resources/js/pages/team/Index.vue

@@ -1,12 +1,20 @@
 <script lang="ts" setup>
 import teamRoutes from '@/routes/teams';
-import {Head, Link, router, usePage} from '@inertiajs/vue3';
+import { Head, Link, router, usePage } from '@inertiajs/vue3';
-import type {Team} from '@/types/models';
+import type { Team } from '@/types/models';
 import TextLink from '@/components/TextLink.vue';
-import {Card, CardContent} from '@/components/ui/card';
+import { Card, CardContent } from '@/components/ui/card';
-import {Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow,} from '@/components/ui/table';
+import {
-import {Button} from '@/components/ui/button';
+  Table,
-import {Eye, Pencil, Plus, Trash} from '@lucide/vue';
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table';
+import { Button } from '@/components/ui/button';
+import { Eye, Pencil, Plus, Trash } from '@lucide/vue';
 
 defineOptions({
   layout: {
@@ -56,7 +64,7 @@ const canDeleteTeam = (team: Team) =>
               <TableHead>Slug</TableHead>
               <TableHead>Mitglieder</TableHead>
               <TableHead>2FA</TableHead>
-              <TableHead/>
+              <TableHead />
             </TableRow>
           </TableHeader>
           <TableBody>
@@ -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;