diff --git a/packages/client/src/components/mfm.ts b/packages/client/src/components/mfm.ts index d1da365d9a..2e6d26476a 100644 --- a/packages/client/src/components/mfm.ts +++ b/packages/client/src/components/mfm.ts @@ -175,14 +175,7 @@ export default defineComponent({ if (!this.$store.state.animatedMfm) { return genEl(token.children); } - let count = token.props.args.count ? parseInt(token.props.args.count) : 10; - if (count > 100) { - count = 100; - } - const speed = token.props.args.speed ? parseFloat(token.props.args.speed) : 1; - return h(MkSparkle, { - count, speed, - }, genEl(token.children)); + return h(MkSparkle, {}, genEl(token.children)); } case 'rotate': { const degrees = parseInt(token.props.args.deg) || '90'; diff --git a/packages/client/src/components/sparkle.vue b/packages/client/src/components/sparkle.vue index 566dbccfe3..f52e5a3f9b 100644 --- a/packages/client/src/components/sparkle.vue +++ b/packages/client/src/components/sparkle.vue @@ -67,18 +67,7 @@ import { defineComponent, onMounted, onUnmounted, ref } from 'vue'; import * as os from '@/os'; export default defineComponent({ - props: { - count: { - type: Number, - required: true, - }, - speed: { - type: Number, - required: true, - }, - }, - - setup(props) { + setup() { const particles = ref([]); const el = ref<HTMLElement>(); const width = ref(0); diff --git a/packages/client/src/components/updated.vue b/packages/client/src/components/updated.vue index 74f54524be..375ac0dbbb 100644 --- a/packages/client/src/components/updated.vue +++ b/packages/client/src/components/updated.vue @@ -1,7 +1,7 @@ <template> <MkModal ref="modal" :z-priority="'middle'" @click="$refs.modal.close()" @closed="$emit('closed')"> <div class="ewlycnyt"> - <div class="title">{{ $ts.misskeyUpdated }}</div> + <div class="title"><MkSparkle>{{ $ts.misskeyUpdated }}</MkSparkle></div> <div class="version">✨{{ version }}🚀</div> <MkButton full @click="whatIsNew">{{ $ts.whatIsNew }}</MkButton> <MkButton class="gotIt" primary full @click="$refs.modal.close()">{{ $ts.gotIt }}</MkButton> @@ -9,31 +9,19 @@ </MkModal> </template> -<script lang="ts"> -import { defineComponent } from 'vue'; +<script lang="ts" setup> +import { ref } from 'vue'; import MkModal from '@/components/ui/modal.vue'; import MkButton from '@/components/ui/button.vue'; +import MkSparkle from '@/components/sparkle.vue'; import { version } from '@/config'; -export default defineComponent({ - components: { - MkModal, - MkButton, - }, +const modal = ref(); - data() { - return { - version: version, - }; - }, - - methods: { - whatIsNew() { - this.$refs.modal.close(); - window.open(`https://misskey-hub.net/docs/releases.html#_${version.replace(/\./g, '-')}`, '_blank'); - } - } -}); +const whatIsNew = () => { + modal.value.close(); + window.open(`https://misskey-hub.net/docs/releases.html#_${version.replace(/\./g, '-')}`, '_blank'); +}; </script> <style lang="scss" scoped>