chore (client): rename iconClass to iconify

This commit is contained in:
naskya 2024-04-08 17:26:50 +09:00
parent fcfbee4c1d
commit 7adef666d1
No known key found for this signature in database
GPG Key ID: 712D413B3A9FED5C
6 changed files with 25 additions and 25 deletions

View File

@ -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"];

View File

@ -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);

View File

@ -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<{

View File

@ -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>>();

View File

@ -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,
};
},
});

View File

@ -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,
};
},