diff options
| author | かっこかり <67428053+kakkokari-gtyih@users.noreply.github.com> | 2025-05-11 15:43:16 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-05-11 15:43:16 +0900 |
| commit | 3df421da1a27d76f11f3b43c8b1fc06f98ccdad6 (patch) | |
| tree | 5d5cf1133c154c55483acef26c193e772a5340ea /packages/frontend/src/widgets/WidgetRssTicker.vue | |
| parent | 🎨 (diff) | |
| download | misskey-3df421da1a27d76f11f3b43c8b1fc06f98ccdad6.tar.gz misskey-3df421da1a27d76f11f3b43c8b1fc06f98ccdad6.tar.bz2 misskey-3df421da1a27d76f11f3b43c8b1fc06f98ccdad6.zip | |
refactor(frontend): MkMarquee のコードの可読性の向上 (#16017)
* fix(frontend/MkMarquee): Composition API に移行
* move animation to scoped environment
* refactor
---------
Co-authored-by: taiyme <53635909+taiyme@users.noreply.github.com>
Diffstat (limited to 'packages/frontend/src/widgets/WidgetRssTicker.vue')
| -rw-r--r-- | packages/frontend/src/widgets/WidgetRssTicker.vue | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/packages/frontend/src/widgets/WidgetRssTicker.vue b/packages/frontend/src/widgets/WidgetRssTicker.vue index b5be4d35c2..7fe7c6111a 100644 --- a/packages/frontend/src/widgets/WidgetRssTicker.vue +++ b/packages/frontend/src/widgets/WidgetRssTicker.vue @@ -15,11 +15,11 @@ SPDX-License-Identifier: AGPL-3.0-only </div> <div v-else> <Transition :name="$style.change" mode="default" appear> - <MarqueeText :key="key" :duration="widgetProps.duration" :reverse="widgetProps.reverse"> + <MkMarqueeText :key="key" :duration="widgetProps.duration" :reverse="widgetProps.reverse"> <span v-for="item in items" :key="item.link" :class="$style.item"> <a :href="item.link" rel="nofollow noopener" target="_blank" :title="item.title">{{ item.title }}</a><span :class="$style.divider"></span> </span> - </MarqueeText> + </MkMarqueeText> </Transition> </div> </div> @@ -31,7 +31,7 @@ import { ref, watch, computed } from 'vue'; import * as Misskey from 'misskey-js'; import { useWidgetPropsManager } from './widget.js'; import type { WidgetComponentEmits, WidgetComponentExpose, WidgetComponentProps } from './widget.js'; -import MarqueeText from '@/components/MkMarquee.vue'; +import MarqueeText from '@/components/MkMarqueeText.vue'; import type { GetFormResultType } from '@/utility/form.js'; import MkContainer from '@/components/MkContainer.vue'; import { shuffle } from '@/utility/shuffle.js'; |