github/directus
1
1
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-04-25 03:00:53 -04:00
Code Issues Packages Projects Releases Wiki Activity

Wrap mime-type display in span node (#17084)

Browse Source
This commit is contained in:
Azri Kahar
2023-01-12 00:09:05 +08:00
committed by GitHub
parent 874dda8078
commit 4b89566496
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/src/displays/mime-type/index.ts
View File

@@ -1,6 +1,7 @@
import { defineDisplay } from '@directus/shared/utils';
import { readableMimeType } from '@/utils/readable-mime-type';
import mime from 'mime/lite';
import { h } from 'vue';
export default defineDisplay({
id: 'mime-type',
@@ -26,10 +27,10 @@ export default defineDisplay({
types: ['string'],
component: ({ value, showAsExtension }: { value: string; showAsExtension: boolean }) => {
if (showAsExtension) {
return mime.getExtension(value);
return h('span', mime.getExtension(value));
}
return readableMimeType(value);
return h('span', readableMimeType(value));
},
handler: (value, options) => {
if (options.showAsExtension) {