From c38bdb01bd1f581d17d3094c5a40fcba6ab06623 Mon Sep 17 00:00:00 2001
From: dartcafe <github@dartcafe.de>
Date: Mon, 4 Aug 2025 08:24:33 +0200
Subject: [PATCH 1/2] load activities

Signed-off-by: dartcafe <github@dartcafe.de>
---
 src/components/SideBar/SideBarTabActivity.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/SideBar/SideBarTabActivity.vue b/src/components/SideBar/SideBarTabActivity.vue
index d832b0b197..903feeb245 100644
--- a/src/components/SideBar/SideBarTabActivity.vue
+++ b/src/components/SideBar/SideBarTabActivity.vue
@@ -6,7 +6,6 @@
 <script setup lang="ts">
 import { computed, onMounted, onUnmounted } from 'vue'
 import { t } from '@nextcloud/l10n'
-import { subscribe, unsubscribe } from '@nextcloud/event-bus'
 
 import NcEmptyContent from '@nextcloud/vue/components/NcEmptyContent'
 
@@ -14,7 +13,7 @@ import ActivityIcon from 'vue-material-design-icons/LightningBolt.vue'
 
 import Activities from '../Activity/Activities.vue'
 import { useActivityStore } from '../../stores/activity'
-import { Event } from '../../Types'
+import { onBeforeRouteUpdate } from 'vue-router'
 
 const activityStore = useActivityStore()
 const emptyContentProps = {
@@ -26,11 +25,15 @@ const showEmptyContent = computed(
 )
 
 onMounted(() => {
-	subscribe(Event.UpdateActivity, () => activityStore.load())
+	activityStore.load()
+})
+
+onBeforeRouteUpdate(async () => {
+	activityStore.load()
 })
 
 onUnmounted(() => {
-	unsubscribe(Event.UpdateActivity, () => activityStore.load())
+	activityStore.$reset()
 })
 </script>
 

From 5565c7c7f125bbcddc3fecf1e263191dff9fc0da Mon Sep 17 00:00:00 2001
From: dartcafe <github@dartcafe.de>
Date: Mon, 4 Aug 2025 08:24:48 +0200
Subject: [PATCH 2/2] replace moment by Luxon

Signed-off-by: dartcafe <github@dartcafe.de>
---
 src/components/Activity/ActivityItem.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/Activity/ActivityItem.vue b/src/components/Activity/ActivityItem.vue
index b076bb44ef..dc3eab3152 100644
--- a/src/components/Activity/ActivityItem.vue
+++ b/src/components/Activity/ActivityItem.vue
@@ -5,7 +5,7 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
-import moment from '@nextcloud/moment'
+import { DateTime } from 'luxon'
 
 import NcUserBubble from '@nextcloud/vue/components/NcUserBubble'
 import NcRichText from '@nextcloud/vue/components/NcRichText'
@@ -20,7 +20,7 @@ const props = defineProps({
 })
 
 const dateActivityRelative = computed(() =>
-	moment(props.activity.datetime).fromNow(),
+	DateTime.fromISO(props.activity.datetime).toRelative(),
 )
 
 const message = computed(() => {
@@ -32,7 +32,9 @@ const message = computed(() => {
 		&& parameters.after.id.startsWith('dt:')
 	) {
 		const dateTime = parameters.after.id.slice(3)
-		parameters.after.name = moment(dateTime).format('L LTS')
+		parameters.after.name = DateTime.fromISO(dateTime).toLocaleString(
+			DateTime.DATETIME_SHORT,
+		)
 	}
 
 	Object.keys(parameters).forEach(function (key) {