diff --git a/packages/client/src/components/MkDialog.vue b/packages/client/src/components/MkDialog.vue
index 2dca900235..0b9d2cac36 100644
--- a/packages/client/src/components/MkDialog.vue
+++ b/packages/client/src/components/MkDialog.vue
@@ -15,26 +15,26 @@
>
<i
v-if="type === 'success'"
- :class="[$style.iconInner, iconClass('ph-check')]"
+ :class="[$style.iconInner, iconify('ph-check')]"
></i>
<i
v-else-if="type === 'error'"
:class="[
$style.iconInner,
- iconClass('ph-circle-wavy-warning'),
+ iconify('ph-circle-wavy-warning'),
]"
></i>
<i
v-else-if="type === 'warning'"
- :class="[$style.iconInner, iconClass('ph-warning')]"
+ :class="[$style.iconInner, iconify('ph-warning')]"
></i>
<i
v-else-if="type === 'info'"
- :class="[$style.iconInner, iconClass('ph-info')]"
+ :class="[$style.iconInner, iconify('ph-info')]"
></i>
<i
v-else-if="type === 'question'"
- :class="[$style.iconInner, iconClass('ph-question')]"
+ :class="[$style.iconInner, iconify('ph-question')]"
></i>
<MkLoading
v-else-if="type === 'waiting'"
@@ -73,7 +73,7 @@
@keydown="onInputKeydown"
>
<template v-if="input.type === 'password'" #prefix
- ><i :class="iconClass('ph-password')"></i
+ ><i :class="iconify('ph-password')"></i
></template>
<template #caption>
<span
@@ -201,7 +201,7 @@ import MkInput from "@/components/form/input.vue";
import MkTextarea from "@/components/form/textarea.vue";
import MkSelect from "@/components/form/select.vue";
import { i18n } from "@/i18n";
-import iconClass from "@/scripts/icon";
+import iconify from "@/scripts/icon";
interface Input {
type: HTMLInputElement["type"];
diff --git a/packages/client/src/components/MkInfo.vue b/packages/client/src/components/MkInfo.vue
index 4fb41ba3dc..81aed759ac 100644
--- a/packages/client/src/components/MkInfo.vue
+++ b/packages/client/src/components/MkInfo.vue
@@ -1,7 +1,7 @@
<template>
<div v-if="visible" class="info" :class="{ warn, card }">
- <i v-if="warn" :class="iconClass('ph-warning')"></i>
- <i v-else :class="iconClass(icon ? `ph-${icon}` : 'ph-info')"></i>
+ <i v-if="warn" :class="iconify('ph-warning')"></i>
+ <i v-else :class="iconify(icon ? `ph-${icon}` : 'ph-info')"></i>
<slot></slot>
<button
v-if="closeable"
@@ -10,7 +10,7 @@
:aria-label="i18n.ts.close"
@click.stop="close"
>
- <i :class="iconClass('ph-x')"></i>
+ <i :class="iconify('ph-x')"></i>
</button>
</div>
</template>
@@ -18,7 +18,7 @@
<script lang="ts" setup>
import { ref } from "vue";
import { i18n } from "@/i18n";
-import iconClass from "@/scripts/icon";
+import iconify from "@/scripts/icon";
const visible = ref(true);
diff --git a/packages/client/src/components/MkUrlPreview.vue b/packages/client/src/components/MkUrlPreview.vue
index 8632ce7170..e72bdd704e 100644
--- a/packages/client/src/components/MkUrlPreview.vue
+++ b/packages/client/src/components/MkUrlPreview.vue
@@ -28,9 +28,9 @@
>
<i
v-if="!tweetExpanded"
- :class="iconClass('ph-twitter-logo')"
+ :class="iconify('ph-twitter-logo')"
></i>
- <i v-else :class="iconClass('ph-x')"></i>
+ <i v-else :class="iconify('ph-x')"></i>
</button>
<button
v-else-if="player.url"
@@ -42,9 +42,9 @@
>
<i
v-if="!playerEnabled"
- :class="iconClass('ph-play')"
+ :class="iconify('ph-play')"
></i>
- <i v-else :class="iconClass('ph-x')"></i>
+ <i v-else :class="iconify('ph-x')"></i>
</button>
</div>
<div v-if="fetching">
@@ -103,7 +103,7 @@ import { onUnmounted, ref } from "vue";
import { lang, url as local } from "@/config";
import { i18n } from "@/i18n";
import { defaultStore } from "@/store";
-import iconClass from "@/scripts/icon";
+import iconify from "@/scripts/icon";
const props = withDefaults(
defineProps<{
diff --git a/packages/client/src/components/MkWaitingDialog.vue b/packages/client/src/components/MkWaitingDialog.vue
index 01701755dd..c35023adcb 100644
--- a/packages/client/src/components/MkWaitingDialog.vue
+++ b/packages/client/src/components/MkWaitingDialog.vue
@@ -14,7 +14,7 @@
>
<i
v-if="success"
- :class="[$style.icon, $style.success, iconClass('ph-check')]"
+ :class="[$style.icon, $style.success, iconify('ph-check')]"
></i>
<MkLoading
v-else
@@ -31,7 +31,7 @@
<script lang="ts" setup>
import { shallowRef, watch } from "vue";
import MkModal from "@/components/MkModal.vue";
-import iconClass from "@/scripts/icon";
+import iconify from "@/scripts/icon";
const modal = shallowRef<InstanceType<typeof MkModal>>();
diff --git a/packages/client/src/components/form/suspense.vue b/packages/client/src/components/form/suspense.vue
index 069a306ad7..937d08c208 100644
--- a/packages/client/src/components/form/suspense.vue
+++ b/packages/client/src/components/form/suspense.vue
@@ -12,11 +12,11 @@
<div v-else>
<div class="wszdbhzo">
<div>
- <i :class="iconClass('ph-warning')"></i>
+ <i :class="iconify('ph-warning')"></i>
{{ i18n.ts.somethingHappened }}
</div>
<MkButton inline class="retry" @click="retry">
- <i :class="iconClass('ph-arrow-clockwise')"></i>
+ <i :class="iconify('ph-arrow-clockwise')"></i>
{{ i18n.ts.retry }}</MkButton
>
</div>
@@ -30,7 +30,7 @@ import { defineComponent, ref, watch } from "vue";
import MkButton from "@/components/MkButton.vue";
import { i18n } from "@/i18n";
import { defaultStore } from "@/store";
-import iconClass from "@/scripts/icon";
+import iconify from "@/scripts/icon";
export default defineComponent({
components: {
@@ -92,7 +92,7 @@ export default defineComponent({
retry,
i18n,
defaultStore,
- iconClass,
+ iconify,
};
},
});
diff --git a/packages/client/src/pages/page-editor/page-editor.script-block.vue b/packages/client/src/pages/page-editor/page-editor.script-block.vue
index b1db975527..54065d4049 100644
--- a/packages/client/src/pages/page-editor/page-editor.script-block.vue
+++ b/packages/client/src/pages/page-editor/page-editor.script-block.vue
@@ -17,7 +17,7 @@
>
<template #func>
<button class="_button" @click="changeType()">
- <i :class="iconClass('ph-pencil')"></i>
+ <i :class="iconify('ph-pencil')"></i>
</button>
</template>
@@ -158,7 +158,7 @@ import * as os from "@/os";
import { isLiteralValue } from "@/scripts/hpml/expr";
import { funcDefs } from "@/scripts/hpml/lib";
import { i18n } from "@/i18n";
-import iconClass from "@/scripts/icon";
+import iconify from "@/scripts/icon";
export default defineComponent({
components: {
@@ -205,7 +205,7 @@ export default defineComponent({
warn: null,
slots: "",
i18n,
- iconClass,
+ iconify,
};
},