From 8f775defafa0454883f2bc6ed52fbf8fffbdc5c3 Mon Sep 17 00:00:00 2001
From: Francis Dinh <normandy@biribiri.dev>
Date: Sat, 3 Sep 2022 00:19:02 -0400
Subject: [PATCH] client: fix lints in photos.vue

---
 packages/client/src/widgets/photos.vue | 29 +++++++++++++++-----------
 1 file changed, 17 insertions(+), 12 deletions(-)

diff --git a/packages/client/src/widgets/photos.vue b/packages/client/src/widgets/photos.vue
index 41bec5dc5..dfbb7f317 100644
--- a/packages/client/src/widgets/photos.vue
+++ b/packages/client/src/widgets/photos.vue
@@ -16,8 +16,9 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, onUnmounted, reactive, ref } from 'vue';
-import { useWidgetPropsManager, Widget, WidgetComponentEmits, WidgetComponentExpose, WidgetComponentProps } from './widget';
+import { onUnmounted } from 'vue';
+import { DriveFile } from 'foundkey-js/built/entities';
+import { useWidgetPropsManager, Widget, WidgetComponentExpose } from './widget';
 import { GetFormResultType } from '@/scripts/form';
 import { stream } from '@/stream';
 import { getStaticImageUrl } from '@/scripts/get-static-image-url';
@@ -44,8 +45,12 @@ type WidgetProps = GetFormResultType<typeof widgetPropsDef>;
 // 現時点ではvueの制限によりimportしたtypeをジェネリックに渡せない
 //const props = defineProps<WidgetComponentProps<WidgetProps>>();
 //const emit = defineEmits<WidgetComponentEmits<WidgetProps>>();
-const props = defineProps<{ widget?: Widget<WidgetProps>; }>();
-const emit = defineEmits<{ (ev: 'updateProps', props: WidgetProps); }>();
+const props = defineProps<{
+	widget?: Widget<WidgetProps>;
+}>();
+const emit = defineEmits<{
+	(ev: 'updateProps', widgetProps: WidgetProps);
+}>();
 
 const { widgetProps, configure } = useWidgetPropsManager(name,
 	widgetPropsDef,
@@ -54,17 +59,17 @@ const { widgetProps, configure } = useWidgetPropsManager(name,
 );
 
 const connection = stream.useChannel('main');
-const images = ref([]);
-const fetching = ref(true);
+let images: DriveFile[] = $ref([]);
+let fetching = $ref(false);
 
-const onDriveFileCreated = (file) => {
+const onDriveFileCreated = (file: DriveFile): void => {
 	if (/^image\/.+$/.test(file.type)) {
-		images.value.unshift(file);
-		if (images.value.length > 9) images.value.pop();
+		images.unshift(file);
+		if (images.length > 9) images.pop();
 	}
 };
 
-const thumbnail = (image: any): string => {
+const thumbnail = (image: DriveFile): string => {
 	return defaultStore.state.disableShowingAnimatedImages
 		? getStaticImageUrl(image.thumbnailUrl)
 		: image.thumbnailUrl;
@@ -74,8 +79,8 @@ os.api('drive/stream', {
 	type: 'image/*',
 	limit: 9,
 }).then(res => {
-	images.value = res;
-	fetching.value = false;
+	images = res;
+	fetching = false;
 });
 
 connection.on('driveFileCreated', onDriveFileCreated);