iceshrimp-legacy/packages/client/src/components/MkFileTypeIcon.vue
ThatOneCalculator b3a5fdb1e0 feat: 💄 Phosphor icons!
2022-11-06 17:33:52 -08:00

16 lines
313 B
Vue

<template>
<span class="mk-file-type-icon">
<template v-if="kind == 'image'"><i class="ph-file-image"></i></template>
</span>
</template>
<script lang="ts" setup>
import { computed } from 'vue';
const props = defineProps<{
type: string;
}>();
const kind = computed(() => props.type.split('/')[0]);
</script>