refactor(client): use composition api

packages/client/src/components/file-type-icon.vue

@@ -4,25 +4,12 @@
 </span>
 </template>
 
-<script lang="ts">
+<script lang="ts" setup>
-import { defineComponent } from 'vue';
+import { computed } from 'vue';
-import * as os from '@/os';
 
-export default defineComponent({
+const props = defineProps<{
-	props: {
+	type: string;
-		type: {
+}>();
-			type: String,
+
-			required: true,
+const kind = computed(() => props.type.split('/')[0]);
-		}
-	},
-	data() {
-		return {
-		};
-	},
-	computed: {
-		kind(): string {
-			return this.type.split('/')[0];
-		}
-	}
-});
 </script>