diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-15 08:30:29 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-15 08:30:29 +0900 |
| commit | d23aa94b4150f980b43bbf26776ff45dc366ecdc (patch) | |
| tree | 1cdf4fdb42bdf54f545e0b5e4a0972a7421f23d9 /packages/frontend/src/widgets/WidgetRss.vue | |
| parent | refactor(client): use css modules (diff) | |
| download | sharkey-d23aa94b4150f980b43bbf26776ff45dc366ecdc.tar.gz sharkey-d23aa94b4150f980b43bbf26776ff45dc366ecdc.tar.bz2 sharkey-d23aa94b4150f980b43bbf26776ff45dc366ecdc.zip | |
refactor(client): use css modules
Diffstat (limited to 'packages/frontend/src/widgets/WidgetRss.vue')
| -rw-r--r-- | packages/frontend/src/widgets/WidgetRss.vue | 19 |
1 files changed, 10 insertions, 9 deletions
diff --git a/packages/frontend/src/widgets/WidgetRss.vue b/packages/frontend/src/widgets/WidgetRss.vue index 554413cd1e..a25bd67aae 100644 --- a/packages/frontend/src/widgets/WidgetRss.vue +++ b/packages/frontend/src/widgets/WidgetRss.vue @@ -1,16 +1,17 @@ <template> <MkContainer :show-header="widgetProps.showHeader" class="mkw-rss"> - <template #header><i class="ti ti-rss"></i>RSS</template> - <template #func><button class="_button" @click="configure"><i class="ti ti-settings"></i></button></template> + <template #icon><i class="ti ti-rss"></i></template> + <template #header>RSS</template> + <template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configure"><i class="ti ti-settings"></i></button></template> <div class="ekmkgxbj"> <MkLoading v-if="fetching"/> - <div class="_fullinfo" v-else-if="(!items || items.length === 0) && widgetProps.showHeader"> + <div v-else-if="(!items || items.length === 0) && widgetProps.showHeader" class="_fullinfo"> <img src="https://xn--931a.moe/assets/info.jpg" class="_ghost"/> <div>{{ i18n.ts.nothing }}</div> </div> <div v-else :class="$style.feed"> - <a v-for="item in items" :class="$style.item" :href="item.link" :key="item.link" rel="nofollow noopener" target="_blank" :title="item.title">{{ item.title }}</a> + <a v-for="item in items" :key="item.link" :class="$style.item" :href="item.link" rel="nofollow noopener" target="_blank" :title="item.title">{{ item.title }}</a> </div> </div> </MkContainer> @@ -74,11 +75,11 @@ const tick = () => { if (document.visibilityState === 'hidden' && rawItems.value.length !== 0) return; window.fetch(fetchEndpoint.value, {}) - .then(res => res.json()) - .then(feed => { - rawItems.value = feed.items ?? []; - fetching.value = false; - }); + .then(res => res.json()) + .then(feed => { + rawItems.value = feed.items ?? []; + fetching.value = false; + }); }; watch(() => fetchEndpoint, tick); |