From fa142e3e72ff343600cd9560e0898db1bc9dfef7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=81=93=E3=81=B4=E3=81=AA=E3=81=9F=E3=81=BF=E3=81=BD?=
<syuilotan@yahoo.co.jp>
Date: Fri, 16 Feb 2018 20:55:57 +0900
Subject: [PATCH] wip
---
src/web/app/common/-tags/file-type-icon.tag | 10 ----------
.../common/views/components/file-type-icon.vue | 17 +++++++++++++++++
2 files changed, 17 insertions(+), 10 deletions(-)
delete mode 100644 src/web/app/common/-tags/file-type-icon.tag
create mode 100644 src/web/app/common/views/components/file-type-icon.vue
diff --git a/src/web/app/common/-tags/file-type-icon.tag b/src/web/app/common/-tags/file-type-icon.tag
deleted file mode 100644
index f630efe118..0000000000
--- a/src/web/app/common/-tags/file-type-icon.tag
+++ /dev/null
@@ -1,10 +0,0 @@
-<mk-file-type-icon>
- <template v-if="kind == 'image'">%fa:file-image%</template>
- <style lang="stylus" scoped>
- :scope
- display inline
- </style>
- <script lang="typescript">
- this.kind = this.opts.type.split('/')[0];
- </script>
-</mk-file-type-icon>
diff --git a/src/web/app/common/views/components/file-type-icon.vue b/src/web/app/common/views/components/file-type-icon.vue
new file mode 100644
index 0000000000..aa2f0ed519
--- /dev/null
+++ b/src/web/app/common/views/components/file-type-icon.vue
@@ -0,0 +1,17 @@
+<template>
+<span>
+ <template v-if="kind == 'image'">%fa:file-image%</template>
+</span>
+</template>
+
+<script lang="ts">
+import Vue from 'vue';
+export default Vue.extend({
+ props: ['type'],
+ computed: {
+ kind(): string {
+ return this.type.split('/')[0];
+ }
+ }
+});
+</script>