lint fixes

directus-labs · Jan 7, 2024 · 245090a · 245090a
1 parent ce16542
commit 245090a
Show file tree

Hide file tree

Showing 10 changed files with 25 additions and 37 deletions.
diff --git a/components/base/VBreadcrumbs.vue b/components/base/VBreadcrumbs.vue
@@ -2,21 +2,21 @@
 export interface BreadcrumbsProps {
 	items: Array<{
 		title: string;
-		href: string;
+		href?: string | null | undefined;
 	}>;
 }
 
 defineProps<BreadcrumbsProps>();
 </script>
 <template>
-	<div class="flex flex-wrap items-center space-x-2 text -sm dark:text-gray-200">
+	<div class="flex flex-wrap items-center space-x-1 text -sm dark:text-gray-200">
 		<template v-for="(item, itemIdx) in items" :key="itemIdx">
 			<template v-if="item.href">
 				<NuxtLink :href="item.href" class="hover:text-primary">
 					{{ item.title }}
 				</NuxtLink>
 				<div v-if="itemIdx !== items.length - 1">
-					<Icon name="heroicons:chevron-right" class="h-5" />
+					<Icon name="material-symbols:chevron-right-rounded" class="h-6 w-6 text-gray-500" />
 				</div>
 			</template>
 			<span v-else class="font-bold">

diff --git a/components/base/VHorizontalNavigation.vue b/components/base/VHorizontalNavigation.vue
@@ -1,13 +1,9 @@
 <script setup lang="ts">
 export interface HorizontalNavigationProps {
-	items: Array<
-		{
-
-			name: string;
-			href: string;
-
-		}
-	>;
+	items: Array<{
+		name: string;
+		href: string;
+	}>;
 }
 
 const props = defineProps<HorizontalNavigationProps>();

diff --git a/layers/portal/components/FilesView.vue b/layers/portal/components/FilesView.vue
@@ -7,7 +7,7 @@ export interface FilesViewProps {
 const props = defineProps<FilesViewProps>();
 
 // We're not using the useAsyncData composables inside the portal because we're authenticated and there's no need for SSR. See ~/layers/portal/nuxt.config.ts
-async function fetchData(props: FilesViewProps = {}){
+async function fetchData(props: FilesViewProps = {}) {
 	try {
 		const folderReq = useDirectus(
 			readFolders({
@@ -38,7 +38,7 @@ async function fetchData(props: FilesViewProps = {}){
 		return {
 			folders,
 			files,
-		} as { folders: Folder[]; files: File[] }
+		} as { folders: Folder[]; files: File[] };
 	} catch (error) {
 		return null;
 	}

diff --git a/layers/portal/components/PageHeader.vue b/layers/portal/components/PageHeader.vue
@@ -1,10 +1,9 @@
 <script setup lang="ts">
 export interface PageHeaderProps {
-	breadcrumbs?:
-		Array<{
-			title: string;
-			href?: string | null | undefined;
-		}>;
+	breadcrumbs?: Array<{
+		title: string;
+		href?: string | null | undefined;
+	}>;
 	title?: string;
 }
 

diff --git a/layers/portal/components/ProjectActivity.vue b/layers/portal/components/ProjectActivity.vue
@@ -151,7 +151,7 @@ const groupedActivity = computed<GroupedActivity[]>(() => {
 										<!-- Activity Detail -->
 										<template v-if="item.type === 'update'">
 											<div class="font-bold">User posted a project update</div>
-											<TypographyProse v-if="item.item && item.item.message"  :content="item.item.message" size="sm" />
+											<TypographyProse v-if="item.item && item.item.message" :content="item.item.message" size="sm" />
 										</template>
 										<template v-else-if="item.type === 'milestone'">
 											Milestone - {{ item.item.name }} - {{ item.action }}

diff --git a/layers/portal/components/ProjectMilestones.vue b/layers/portal/components/ProjectMilestones.vue
@@ -1,15 +1,13 @@
 <script setup lang="ts">
 export interface ProjectMilestonesProps {
-	steps: Array<
-		{
-			name: string;
-			icon: string;
-			isComplete: boolean;
-			isCurrent: boolean;
-			status: string;
-			date: string;
-		}
-	>;
+	steps: Array<{
+		name: string;
+		icon: string;
+		isComplete: boolean;
+		isCurrent: boolean;
+		status: string;
+		date: string;
+	}>;
 }
 
 withDefaults(defineProps<ProjectMilestonesProps>(), {});

diff --git a/layers/portal/pages/portal/files/folders/[id].vue b/layers/portal/pages/portal/files/folders/[id].vue
@@ -30,6 +30,6 @@ const {
 				</div>
 			</template>
 		</PortalPageHeader>
-		<PortalFilesView :folder-id="(params.id as string)" class="mt-6" />
+		<PortalFilesView :folder-id="params.id as string" class="mt-6" />
 	</div>
 </template>
diff --git a/layers/portal/pages/portal/projects/[id].vue b/layers/portal/pages/portal/projects/[id].vue
@@ -11,27 +11,22 @@ const {
 
 const tabs = [
 	{
-
 		name: 'Overview',
 		href: `/portal/projects/${params.id}`,
 	},
 	{
-
 		name: 'Tasks',
 		href: `/portal/projects/${params.id}/tasks`,
 	},
 	{
-
 		name: 'Conversations',
 		href: `/portal/projects/${params.id}/conversations`,
 	},
 	{
-
 		name: 'Files',
 		href: `/portal/projects/${params.id}/files`,
 	},
 	{
-
 		name: 'Billing',
 		href: `/portal/projects/${params.id}/billing`,
 	},

diff --git a/layers/portal/pages/portal/projects/[id]/conversations.vue b/layers/portal/pages/portal/projects/[id]/conversations.vue
@@ -10,6 +10,6 @@ const { params } = useRoute();
 				size="sm"
 			/>
 		</template>
-		<PortalMessageList  :project-id="(params.id as string)" />
+		<PortalMessageList :project-id="params.id as string" />
 	</UCard>
 </template>
diff --git a/layers/portal/pages/portal/projects/[id]/tasks.vue b/layers/portal/pages/portal/projects/[id]/tasks.vue
@@ -10,6 +10,6 @@ const { params } = useRoute();
 				content="Teamwork makes the dreamwork. These are the open tasks you'll need to complete for a successful project."
 			/>
 		</template>
-		<PortalTaskList :project-id="(params.id as string)" />
+		<PortalTaskList :project-id="params.id as string" />
 	</UCard>
 </template>