diff --git a/app/components/ColumnsLayout.vue b/app/components/ColumnsLayout.vue
index 3ea07c4..2b170c0 100644
--- a/app/components/ColumnsLayout.vue
+++ b/app/components/ColumnsLayout.vue
@@ -29,13 +29,14 @@ const props = defineProps({
   limit: { type: Number, default: 3 },
 })
 
-const upcomingEvents = ref([])
+let upcomingEvents = ref([])
 if (props.cols === 'events-sidebar') {
   const { data } = await useFetch('/api/events', {
     query: { upcoming: true, limit: props.limit },
     default: () => [],
+    server: false,
   })
-  upcomingEvents.value = data.value || []
+  upcomingEvents = computed(() => data.value || [])
 }
 </script>