From 977ef3c3a904f43e36439358d44b7c48caefb27f Mon Sep 17 00:00:00 2001
From: Philippe Serhal <philippe.serhal@gmail.com>
Date: Sun, 22 Feb 2026 22:10:06 -0500
Subject: [PATCH 1/4] feat: show recently viewed packages/orgs/users on
 homepage

This replaces the hardcoded list of quick links to frameworks.

Instead, we now track up to 5 most recently viewed entities (packages, orgs, users) in localStorage
and show them on the homepage. This allows users to quickly navigate back to previously viewed
pages. If no recently viewed items are known, the section is hidden.

There's potential for this to eventually be powered by atproto and tied to a user (and therefore to
sync across devices), but we can tackle that later (among other things, there are data privacy
implications).
---
 app/composables/useRecentlyViewed.ts          | 42 ++++++++
 app/pages/index.vue                           | 67 +++++++------
 app/pages/org/[org].vue                       | 12 +++
 app/pages/package/[[org]]/[name].vue          | 12 +++
 app/pages/~[username]/index.vue               | 12 +++
 i18n/locales/en.json                          |  1 +
 i18n/locales/fr-FR.json                       |  1 +
 i18n/schema.json                              |  3 +
 lunaria/files/en-GB.json                      |  1 +
 lunaria/files/en-US.json                      |  1 +
 lunaria/files/fr-FR.json                      |  1 +
 .../composables/use-recently-viewed.spec.ts   | 97 +++++++++++++++++++
 12 files changed, 223 insertions(+), 27 deletions(-)
 create mode 100644 app/composables/useRecentlyViewed.ts
 create mode 100644 test/unit/app/composables/use-recently-viewed.spec.ts

diff --git a/app/composables/useRecentlyViewed.ts b/app/composables/useRecentlyViewed.ts
new file mode 100644
index 000000000..1120229d3
--- /dev/null
+++ b/app/composables/useRecentlyViewed.ts
@@ -0,0 +1,42 @@
+import type { RemovableRef } from '@vueuse/core'
+import { useLocalStorage } from '@vueuse/core'
+import { computed } from 'vue'
+
+const MAX_RECENT_ITEMS = 5
+const STORAGE_KEY = 'npmx-recent'
+
+export type RecentItemType = 'package' | 'org' | 'user'
+
+export interface RecentItem {
+  type: RecentItemType
+  /** Canonical identifier: package name, org name (without @), or username */
+  name: string
+  /** Display label shown on homepage (e.g. "@nuxt", "~sindresorhus") */
+  label: string
+  /** Unix timestamp (ms) of most recent view */
+  viewedAt: number
+}
+
+let recentRef: RemovableRef<RecentItem[]> | null = null
+
+function getRecentRef() {
+  if (!recentRef) {
+    recentRef = useLocalStorage<RecentItem[]>(STORAGE_KEY, [])
+  }
+  return recentRef
+}
+
+export function useRecentlyViewed() {
+  const items = getRecentRef()
+  return { items: computed(() => items.value) }
+}
+
+export function trackRecentView(item: Omit<RecentItem, 'viewedAt'>) {
+  if (import.meta.server) return
+  const items = getRecentRef()
+  const filtered = items.value.filter(
+    existing => !(existing.type === item.type && existing.name === item.name),
+  )
+  filtered.unshift({ ...item, viewedAt: Date.now() })
+  items.value = filtered.slice(0, MAX_RECENT_ITEMS)
+}
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 74d38d65d..0079d7442 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { SHOWCASED_FRAMEWORKS } from '~/utils/frameworks'
+import type { RecentItem } from '~/composables/useRecentlyViewed'
+import type { RouteLocationRaw } from 'vue-router'
 
 const { model: searchQuery, flushUpdateUrlQuery } = useGlobalSearch()
 const isSearchFocused = shallowRef(false)
@@ -24,6 +25,19 @@ defineOgImageComponent('Default', {
   title: 'npmx',
   description: 'a fast, modern browser for the **npm registry**',
 })
+
+const { items: recentItems } = useRecentlyViewed()
+
+function recentItemRoute(item: RecentItem): RouteLocationRaw {
+  switch (item.type) {
+    case 'package':
+      return packageRoute(item.name)
+    case 'org':
+      return { name: 'org', params: { org: item.name } }
+    case 'user':
+      return { name: '~username', params: { username: item.name } }
+  }
+}
 </script>
 
 <template>
@@ -107,22 +121,31 @@ defineOgImageComponent('Default', {
         <BuildEnvironment class="mt-4" />
       </header>
 
-      <nav
-        :aria-label="$t('nav.popular_packages')"
-        class="pt-4 pb-36 sm:pb-40 text-center motion-safe:animate-fade-in motion-safe:animate-fill-both max-w-xl mx-auto"
-        style="animation-delay: 0.3s"
-      >
-        <ul class="flex flex-wrap items-center justify-center gap-x-6 gap-y-3 list-none m-0 p-0">
-          <li v-for="framework in SHOWCASED_FRAMEWORKS" :key="framework.name">
-            <LinkBase :to="packageRoute(framework.package)" class="gap-2 text-sm">
-              <span
-                class="home-tag-dot w-1 h-1 rounded-full bg-accent group-hover:bg-fg transition-colors duration-200"
-              />
-              {{ framework.name }}
-            </LinkBase>
-          </li>
-        </ul>
-      </nav>
+      <div class="pt-4 pb-36 sm:pb-40 max-w-xl mx-auto">
+        <ClientOnly>
+          <nav
+            v-if="recentItems.length > 0"
+            :aria-label="$t('nav.recently_viewed')"
+            class="text-center motion-safe:animate-fade-in motion-safe:animate-fill-both"
+            style="animation-delay: 0.3s"
+          >
+            <div class="flex flex-wrap items-center justify-center gap-x-2 gap-y-3">
+              <span class="text-xs text-fg-subtle tracking-wider">
+                {{ $t('nav.recently_viewed') }}:
+              </span>
+              <ul
+                class="flex flex-wrap items-center justify-center gap-x-4 gap-y-3 list-none m-0 p-0"
+              >
+                <li v-for="item in recentItems" :key="`${item.type}-${item.name}`">
+                  <LinkBase :to="recentItemRoute(item)" class="text-sm">
+                    {{ item.label }}
+                  </LinkBase>
+                </li>
+              </ul>
+            </div>
+          </nav>
+        </ClientOnly>
+      </div>
     </section>
 
     <section class="border-t border-border py-24 bg-bg-subtle/10">
@@ -132,13 +155,3 @@ defineOgImageComponent('Default', {
     </section>
   </main>
 </template>
-
-<style scoped>
-/* Windows High Contrast Mode support */
-@media (forced-colors: active) {
-  .home-tag-dot {
-    forced-color-adjust: none;
-    background-color: CanvasText;
-  }
-}
-</style>
diff --git a/app/pages/org/[org].vue b/app/pages/org/[org].vue
index 3291640cd..f18158602 100644
--- a/app/pages/org/[org].vue
+++ b/app/pages/org/[org].vue
@@ -121,6 +121,18 @@ watch(orgName, () => {
   currentPage.value = 1
 })
 
+if (import.meta.client) {
+  watch(
+    () => [status.value, orgName.value] as const,
+    ([s, name]) => {
+      if (s === 'success') {
+        trackRecentView({ type: 'org', name, label: `@${name}` })
+      }
+    },
+    { immediate: true },
+  )
+}
+
 // Handle filter chip removal
 function handleClearFilter(chip: FilterChip) {
   clearFilter(chip)
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index de6c114d9..bb8299b81 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -643,6 +643,18 @@ onKeyStroke(
 )
 
 const showSkeleton = shallowRef(false)
+
+if (import.meta.client) {
+  watch(
+    () => [status.value, packageName.value] as const,
+    ([s, name]) => {
+      if (s === 'success') {
+        trackRecentView({ type: 'package', name, label: name })
+      }
+    },
+    { immediate: true },
+  )
+}
 </script>
 
 <template>
diff --git a/app/pages/~[username]/index.vue b/app/pages/~[username]/index.vue
index 5634925d9..0e16fc13c 100644
--- a/app/pages/~[username]/index.vue
+++ b/app/pages/~[username]/index.vue
@@ -119,6 +119,18 @@ watch(username, () => {
   sortOption.value = 'downloads'
 })
 
+if (import.meta.client) {
+  watch(
+    () => [status.value, username.value] as const,
+    ([s, name]) => {
+      if (s === 'success') {
+        trackRecentView({ type: 'user', name, label: `~${name}` })
+      }
+    },
+    { immediate: true },
+  )
+}
+
 useSeoMeta({
   title: () => `~${username.value} - npmx`,
   ogTitle: () => `~${username.value} - npmx`,
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index bd30ad861..f2c6e4dce 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -67,6 +67,7 @@
   "nav": {
     "main_navigation": "Main",
     "popular_packages": "Popular packages",
+    "recently_viewed": "recently viewed",
     "settings": "settings",
     "compare": "compare",
     "back": "back",
diff --git a/i18n/locales/fr-FR.json b/i18n/locales/fr-FR.json
index 9e2555190..549bb0e00 100644
--- a/i18n/locales/fr-FR.json
+++ b/i18n/locales/fr-FR.json
@@ -67,6 +67,7 @@
   "nav": {
     "main_navigation": "Barre de navigation",
     "popular_packages": "Paquets populaires",
+    "recently_viewed": "consultés récemment",
     "settings": "paramètres",
     "compare": "comparer",
     "back": "Retour",
diff --git a/i18n/schema.json b/i18n/schema.json
index 5511972b1..ff7f5da16 100644
--- a/i18n/schema.json
+++ b/i18n/schema.json
@@ -205,6 +205,9 @@
         "popular_packages": {
           "type": "string"
         },
+        "recently_viewed": {
+          "type": "string"
+        },
         "settings": {
           "type": "string"
         },
diff --git a/lunaria/files/en-GB.json b/lunaria/files/en-GB.json
index ddfa1c6a7..5f3e3a3e0 100644
--- a/lunaria/files/en-GB.json
+++ b/lunaria/files/en-GB.json
@@ -66,6 +66,7 @@
   "nav": {
     "main_navigation": "Main",
     "popular_packages": "Popular packages",
+    "recently_viewed": "recently viewed",
     "settings": "settings",
     "compare": "compare",
     "back": "back",
diff --git a/lunaria/files/en-US.json b/lunaria/files/en-US.json
index 42c9f3f20..6383df7da 100644
--- a/lunaria/files/en-US.json
+++ b/lunaria/files/en-US.json
@@ -66,6 +66,7 @@
   "nav": {
     "main_navigation": "Main",
     "popular_packages": "Popular packages",
+    "recently_viewed": "recently viewed",
     "settings": "settings",
     "compare": "compare",
     "back": "back",
diff --git a/lunaria/files/fr-FR.json b/lunaria/files/fr-FR.json
index 179381c21..736d76210 100644
--- a/lunaria/files/fr-FR.json
+++ b/lunaria/files/fr-FR.json
@@ -66,6 +66,7 @@
   "nav": {
     "main_navigation": "Barre de navigation",
     "popular_packages": "Paquets populaires",
+    "recently_viewed": "consultés récemment",
     "settings": "paramètres",
     "compare": "comparer",
     "back": "Retour",
diff --git a/test/unit/app/composables/use-recently-viewed.spec.ts b/test/unit/app/composables/use-recently-viewed.spec.ts
new file mode 100644
index 000000000..0fcbe9943
--- /dev/null
+++ b/test/unit/app/composables/use-recently-viewed.spec.ts
@@ -0,0 +1,97 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+import { ref } from 'vue'
+
+import type { RecentItem } from '../../../../app/composables/useRecentlyViewed'
+
+// Mock @vueuse/core to use a plain ref instead of localStorage
+const storageRef = ref<RecentItem[]>([])
+vi.mock('@vueuse/core', () => ({
+  useLocalStorage: () => storageRef,
+}))
+
+// Must import after mock is set up
+const { trackRecentView, useRecentlyViewed } =
+  await import('../../../../app/composables/useRecentlyViewed')
+
+describe('useRecentlyViewed', () => {
+  beforeEach(() => {
+    storageRef.value = []
+  })
+
+  it('returns an empty list initially', () => {
+    const { items } = useRecentlyViewed()
+    expect(items.value).toEqual([])
+  })
+
+  it('adds an item to an empty list', () => {
+    trackRecentView({ type: 'package', name: 'vue', label: 'vue' })
+    const { items } = useRecentlyViewed()
+    expect(items.value).toHaveLength(1)
+    expect(items.value[0]).toMatchObject({ type: 'package', name: 'vue', label: 'vue' })
+    expect(items.value[0]!.viewedAt).toBeTypeOf('number')
+  })
+
+  it('deduplicates by type and name, bumping to front', () => {
+    trackRecentView({ type: 'package', name: 'vue', label: 'vue' })
+    trackRecentView({ type: 'package', name: 'react', label: 'react' })
+    trackRecentView({ type: 'package', name: 'vue', label: 'vue' })
+
+    const { items } = useRecentlyViewed()
+    expect(items.value).toHaveLength(2)
+    expect(items.value[0]!.name).toBe('vue')
+    expect(items.value[1]!.name).toBe('react')
+  })
+
+  it('caps at 5 items, evicting the oldest', () => {
+    for (let i = 1; i <= 6; i++) {
+      trackRecentView({ type: 'package', name: `pkg-${i}`, label: `pkg-${i}` })
+    }
+
+    const { items } = useRecentlyViewed()
+    expect(items.value).toHaveLength(5)
+    expect(items.value[0]!.name).toBe('pkg-6')
+    expect(items.value[4]!.name).toBe('pkg-2')
+    // pkg-1 should have been evicted
+    expect(items.value.find(i => i.name === 'pkg-1')).toBeUndefined()
+  })
+
+  it('allows different entity types to coexist', () => {
+    trackRecentView({ type: 'package', name: 'vue', label: 'vue' })
+    trackRecentView({ type: 'org', name: 'nuxt', label: '@nuxt' })
+    trackRecentView({ type: 'user', name: 'sindresorhus', label: '~sindresorhus' })
+
+    const { items } = useRecentlyViewed()
+    expect(items.value).toHaveLength(3)
+    expect(items.value.map(i => i.type)).toEqual(['user', 'org', 'package'])
+  })
+
+  it('does not deduplicate items with the same name but different type', () => {
+    trackRecentView({ type: 'package', name: 'nuxt', label: 'nuxt' })
+    trackRecentView({ type: 'org', name: 'nuxt', label: '@nuxt' })
+
+    const { items } = useRecentlyViewed()
+    expect(items.value).toHaveLength(2)
+  })
+
+  it('sets viewedAt on new entries', () => {
+    const before = Date.now()
+    trackRecentView({ type: 'package', name: 'vue', label: 'vue' })
+    const after = Date.now()
+
+    const { items } = useRecentlyViewed()
+    expect(items.value[0]!.viewedAt).toBeGreaterThanOrEqual(before)
+    expect(items.value[0]!.viewedAt).toBeLessThanOrEqual(after)
+  })
+
+  it('updates viewedAt when deduplicating', () => {
+    trackRecentView({ type: 'package', name: 'vue', label: 'vue' })
+    const firstViewedAt = useRecentlyViewed().items.value[0]!.viewedAt
+
+    // Small delay to ensure timestamp differs
+    vi.spyOn(Date, 'now').mockReturnValueOnce(firstViewedAt + 1000)
+    trackRecentView({ type: 'package', name: 'vue', label: 'vue' })
+
+    const { items } = useRecentlyViewed()
+    expect(items.value[0]!.viewedAt).toBeGreaterThan(firstViewedAt)
+  })
+})

From 71aaf4ad5e6e1ffbca9095ad35761270a4b1b56f Mon Sep 17 00:00:00 2001
From: Philippe Serhal <philippe.serhal@gmail.com>
Date: Sun, 22 Feb 2026 22:24:49 -0500
Subject: [PATCH 2/4] chore: remove orphaned i18n key

---
 app/pages/index.vue       | 4 ++--
 i18n/locales/ar.json      | 1 -
 i18n/locales/az-AZ.json   | 1 -
 i18n/locales/bg-BG.json   | 1 -
 i18n/locales/bn-IN.json   | 1 -
 i18n/locales/cs-CZ.json   | 1 -
 i18n/locales/de-DE.json   | 1 -
 i18n/locales/en.json      | 1 -
 i18n/locales/es.json      | 1 -
 i18n/locales/fr-FR.json   | 1 -
 i18n/locales/hi-IN.json   | 1 -
 i18n/locales/hu-HU.json   | 1 -
 i18n/locales/id-ID.json   | 1 -
 i18n/locales/it-IT.json   | 1 -
 i18n/locales/ja-JP.json   | 1 -
 i18n/locales/mr-IN.json   | 1 -
 i18n/locales/nb-NO.json   | 1 -
 i18n/locales/ne-NP.json   | 1 -
 i18n/locales/pl-PL.json   | 1 -
 i18n/locales/pt-BR.json   | 1 -
 i18n/locales/ru-RU.json   | 1 -
 i18n/locales/ta-IN.json   | 1 -
 i18n/locales/te-IN.json   | 1 -
 i18n/locales/uk-UA.json   | 1 -
 i18n/locales/zh-CN.json   | 1 -
 i18n/locales/zh-TW.json   | 1 -
 i18n/schema.json          | 3 ---
 lunaria/files/ar-EG.json  | 1 -
 lunaria/files/az-AZ.json  | 1 -
 lunaria/files/bg-BG.json  | 1 -
 lunaria/files/bn-IN.json  | 1 -
 lunaria/files/cs-CZ.json  | 1 -
 lunaria/files/de-DE.json  | 1 -
 lunaria/files/en-GB.json  | 1 -
 lunaria/files/en-US.json  | 1 -
 lunaria/files/es-419.json | 1 -
 lunaria/files/es-ES.json  | 1 -
 lunaria/files/fr-FR.json  | 1 -
 lunaria/files/hi-IN.json  | 1 -
 lunaria/files/hu-HU.json  | 1 -
 lunaria/files/id-ID.json  | 1 -
 lunaria/files/it-IT.json  | 1 -
 lunaria/files/ja-JP.json  | 1 -
 lunaria/files/mr-IN.json  | 1 -
 lunaria/files/nb-NO.json  | 1 -
 lunaria/files/ne-NP.json  | 1 -
 lunaria/files/pl-PL.json  | 1 -
 lunaria/files/pt-BR.json  | 1 -
 lunaria/files/ru-RU.json  | 1 -
 lunaria/files/ta-IN.json  | 1 -
 lunaria/files/te-IN.json  | 1 -
 lunaria/files/uk-UA.json  | 1 -
 lunaria/files/zh-CN.json  | 1 -
 lunaria/files/zh-TW.json  | 1 -
 54 files changed, 2 insertions(+), 57 deletions(-)

diff --git a/app/pages/index.vue b/app/pages/index.vue
index 0079d7442..8a8faabfb 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -125,12 +125,12 @@ function recentItemRoute(item: RecentItem): RouteLocationRaw {
         <ClientOnly>
           <nav
             v-if="recentItems.length > 0"
-            :aria-label="$t('nav.recently_viewed')"
+            aria-labelledby="recently-viewed-label"
             class="text-center motion-safe:animate-fade-in motion-safe:animate-fill-both"
             style="animation-delay: 0.3s"
           >
             <div class="flex flex-wrap items-center justify-center gap-x-2 gap-y-3">
-              <span class="text-xs text-fg-subtle tracking-wider">
+              <span id="recently-viewed-label" class="text-xs text-fg-subtle tracking-wider">
                 {{ $t('nav.recently_viewed') }}:
               </span>
               <ul
diff --git a/i18n/locales/ar.json b/i18n/locales/ar.json
index cfcde2921..a89766aad 100644
--- a/i18n/locales/ar.json
+++ b/i18n/locales/ar.json
@@ -66,7 +66,6 @@
   },
   "nav": {
     "main_navigation": "الصفحة الرئيسية",
-    "popular_packages": "الحزم الشائعة",
     "settings": "الإعدادات",
     "compare": "مقارنة",
     "back": "عودة",
diff --git a/i18n/locales/az-AZ.json b/i18n/locales/az-AZ.json
index deacfb964..c411c30ec 100644
--- a/i18n/locales/az-AZ.json
+++ b/i18n/locales/az-AZ.json
@@ -42,7 +42,6 @@
   },
   "nav": {
     "main_navigation": "Əsas",
-    "popular_packages": "Populyar paketlər",
     "settings": "tənzimləmələr",
     "back": "geri"
   },
diff --git a/i18n/locales/bg-BG.json b/i18n/locales/bg-BG.json
index 047c63e97..483532602 100644
--- a/i18n/locales/bg-BG.json
+++ b/i18n/locales/bg-BG.json
@@ -66,7 +66,6 @@
   },
   "nav": {
     "main_navigation": "Главна",
-    "popular_packages": "Популярни пакети",
     "settings": "настройки",
     "compare": "сравняване",
     "back": "назад",
diff --git a/i18n/locales/bn-IN.json b/i18n/locales/bn-IN.json
index 14c5668b2..31c13ec4e 100644
--- a/i18n/locales/bn-IN.json
+++ b/i18n/locales/bn-IN.json
@@ -43,7 +43,6 @@
   },
   "nav": {
     "main_navigation": "প্রধান",
-    "popular_packages": "জনপ্রিয় প্যাকেজগুলি",
     "settings": "সেটিংস",
     "compare": "তুলনা করুন",
     "back": "পিছনে",
diff --git a/i18n/locales/cs-CZ.json b/i18n/locales/cs-CZ.json
index f935947ea..4d50a44fa 100644
--- a/i18n/locales/cs-CZ.json
+++ b/i18n/locales/cs-CZ.json
@@ -66,7 +66,6 @@
   },
   "nav": {
     "main_navigation": "Hlavní",
-    "popular_packages": "Populární balíčky",
     "settings": "nastavení",
     "compare": "porovnat",
     "back": "zpět",
diff --git a/i18n/locales/de-DE.json b/i18n/locales/de-DE.json
index 59ad603c9..8aa8d7312 100644
--- a/i18n/locales/de-DE.json
+++ b/i18n/locales/de-DE.json
@@ -66,7 +66,6 @@
   },
   "nav": {
     "main_navigation": "Hauptnavigation",
-    "popular_packages": "Beliebte Pakete",
     "settings": "Einstellungen",
     "compare": "Vergleichen",
     "back": "Zurück",
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index f2c6e4dce..e2f4dd272 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -66,7 +66,6 @@
   },
   "nav": {
     "main_navigation": "Main",
-    "popular_packages": "Popular packages",
     "recently_viewed": "recently viewed",
     "settings": "settings",
     "compare": "compare",
diff --git a/i18n/locales/es.json b/i18n/locales/es.json
index 5b11285d0..a6ae43225 100644
--- a/i18n/locales/es.json
+++ b/i18n/locales/es.json
@@ -66,7 +66,6 @@
   },
   "nav": {
     "main_navigation": "Principal",
-    "popular_packages": "Paquetes populares",
     "settings": "configuración",
     "compare": "comparar",
     "back": "atrás",
diff --git a/i18n/locales/fr-FR.json b/i18n/locales/fr-FR.json
index 549bb0e00..8877fe99e 100644
--- a/i18n/locales/fr-FR.json
+++ b/i18n/locales/fr-FR.json
@@ -66,7 +66,6 @@
   },
   "nav": {
     "main_navigation": "Barre de navigation",
-    "popular_packages": "Paquets populaires",
     "recently_viewed": "consultés récemment",
     "settings": "paramètres",
     "compare": "comparer",
diff --git a/i18n/locales/hi-IN.json b/i18n/locales/hi-IN.json
index 4ef77c57b..b5d28c82b 100644
--- a/i18n/locales/hi-IN.json
+++ b/i18n/locales/hi-IN.json
@@ -44,7 +44,6 @@
   },
   "nav": {
     "main_navigation": "मुख्य",
-    "popular_packages": "लोकप्रिय पैकेज",
     "settings": "सेटिंग्स",
     "compare": "तुलना करें",
     "back": "वापस",
diff --git a/i18n/locales/hu-HU.json b/i18n/locales/hu-HU.json
index 85b2ac792..cdb56b1d7 100644
--- a/i18n/locales/hu-HU.json
+++ b/i18n/locales/hu-HU.json
@@ -42,7 +42,6 @@
   },
   "nav": {
     "main_navigation": "Főmenü",
-    "popular_packages": "Népszerű csomagok",
     "settings": "beállítások",
     "back": "vissza"
   },
diff --git a/i18n/locales/id-ID.json b/i18n/locales/id-ID.json
index 244377411..0c5e0eaed 100644
--- a/i18n/locales/id-ID.json
+++ b/i18n/locales/id-ID.json
@@ -44,7 +44,6 @@
   },
   "nav": {
     "main_navigation": "Utama",
-    "popular_packages": "Paket populer",
     "settings": "pengaturan",
     "compare": "bandingkan",
     "back": "kembali",
diff --git a/i18n/locales/it-IT.json b/i18n/locales/it-IT.json
index ef2e106cb..bf29e1608 100644
--- a/i18n/locales/it-IT.json
+++ b/i18n/locales/it-IT.json
@@ -50,7 +50,6 @@
   },
   "nav": {
     "main_navigation": "Principale",
-    "popular_packages": "Pacchetti popolari",
     "settings": "impostazioni",
     "compare": "confronta",
     "back": "indietro",
diff --git a/i18n/locales/ja-JP.json b/i18n/locales/ja-JP.json
index 112bd4a70..69985d2ad 100644
--- a/i18n/locales/ja-JP.json
+++ b/i18n/locales/ja-JP.json
@@ -66,7 +66,6 @@
   },
   "nav": {
     "main_navigation": "メイン",
-    "popular_packages": "人気のパッケージ",
     "settings": "設定",
     "compare": "比較",
     "back": "戻る",
diff --git a/i18n/locales/mr-IN.json b/i18n/locales/mr-IN.json
index 7215660b7..a965110e3 100644
--- a/i18n/locales/mr-IN.json
+++ b/i18n/locales/mr-IN.json
@@ -42,7 +42,6 @@
   },
   "nav": {
     "main_navigation": "मुख्य",
-    "popular_packages": "लोकप्रिय पॅकेजेस",
     "settings": "सेटिंग्ज",
     "compare": "तुलना करा",
     "back": "मागे",
diff --git a/i18n/locales/nb-NO.json b/i18n/locales/nb-NO.json
index cad981bb8..e9079f08d 100644
--- a/i18n/locales/nb-NO.json
+++ b/i18n/locales/nb-NO.json
@@ -66,7 +66,6 @@
   },
   "nav": {
     "main_navigation": "Hovedmeny",
-    "popular_packages": "Populære pakker",
     "settings": "innstillinger",
     "compare": "sammenlign",
     "back": "tilbake",
diff --git a/i18n/locales/ne-NP.json b/i18n/locales/ne-NP.json
index aa847e97e..2ae77c2eb 100644
--- a/i18n/locales/ne-NP.json
+++ b/i18n/locales/ne-NP.json
@@ -44,7 +44,6 @@
   },
   "nav": {
     "main_navigation": "मुख्य",
-    "popular_packages": "लोकप्रिय प्याकेजहरू",
     "settings": "सेटिङ्स",
     "compare": "तुलना",
     "back": "पछाडि",
diff --git a/i18n/locales/pl-PL.json b/i18n/locales/pl-PL.json
index b30bae2ba..5206bf116 100644
--- a/i18n/locales/pl-PL.json
+++ b/i18n/locales/pl-PL.json
@@ -66,7 +66,6 @@
   },
   "nav": {
     "main_navigation": "Główne",
-    "popular_packages": "Popularne pakiety",
     "settings": "ustawienia",
     "compare": "porównaj",
     "back": "wstecz",
diff --git a/i18n/locales/pt-BR.json b/i18n/locales/pt-BR.json
index 423d72b12..7057fde7f 100644
--- a/i18n/locales/pt-BR.json
+++ b/i18n/locales/pt-BR.json
@@ -45,7 +45,6 @@
   },
   "nav": {
     "main_navigation": "Principal",
-    "popular_packages": "Pacotes populares",
     "settings": "configurações",
     "compare": "comparar",
     "back": "voltar",
diff --git a/i18n/locales/ru-RU.json b/i18n/locales/ru-RU.json
index 45d6410b1..3ae9b1907 100644
--- a/i18n/locales/ru-RU.json
+++ b/i18n/locales/ru-RU.json
@@ -42,7 +42,6 @@
   },
   "nav": {
     "main_navigation": "Главное",
-    "popular_packages": "Популярные пакеты",
     "settings": "настройки",
     "back": "назад"
   },
diff --git a/i18n/locales/ta-IN.json b/i18n/locales/ta-IN.json
index 99db87a1c..fd940da17 100644
--- a/i18n/locales/ta-IN.json
+++ b/i18n/locales/ta-IN.json
@@ -66,7 +66,6 @@
   },
   "nav": {
     "main_navigation": "முதன்மை",
-    "popular_packages": "பிரபலமான தொகுப்புகள்",
     "settings": "அமைப்புகள்",
     "compare": "ஒப்பிடு",
     "back": "பின்செல்",
diff --git a/i18n/locales/te-IN.json b/i18n/locales/te-IN.json
index e1c1f23a8..622ca640d 100644
--- a/i18n/locales/te-IN.json
+++ b/i18n/locales/te-IN.json
@@ -44,7 +44,6 @@
   },
   "nav": {
     "main_navigation": "ప్రధాన",
-    "popular_packages": "జనాదరణ ప్యాకేజ్‌లు",
     "settings": "సెట్టింగ్‌లు",
     "compare": "పోల్చండి",
     "back": "వెనక్కి",
diff --git a/i18n/locales/uk-UA.json b/i18n/locales/uk-UA.json
index 2b1ead44c..20026facc 100644
--- a/i18n/locales/uk-UA.json
+++ b/i18n/locales/uk-UA.json
@@ -66,7 +66,6 @@
   },
   "nav": {
     "main_navigation": "Головна",
-    "popular_packages": "Популярні пакети",
     "settings": "параметри",
     "compare": "порівняти",
     "back": "назад",
diff --git a/i18n/locales/zh-CN.json b/i18n/locales/zh-CN.json
index 21af093e7..c7e9255a3 100644
--- a/i18n/locales/zh-CN.json
+++ b/i18n/locales/zh-CN.json
@@ -66,7 +66,6 @@
   },
   "nav": {
     "main_navigation": "主页",
-    "popular_packages": "热门软件包",
     "settings": "设置",
     "compare": "比较包",
     "back": "返回",
diff --git a/i18n/locales/zh-TW.json b/i18n/locales/zh-TW.json
index 2f387a8e3..286f9a7d8 100644
--- a/i18n/locales/zh-TW.json
+++ b/i18n/locales/zh-TW.json
@@ -66,7 +66,6 @@
   },
   "nav": {
     "main_navigation": "首頁",
-    "popular_packages": "熱門套件",
     "settings": "設定",
     "compare": "比較",
     "back": "返回",
diff --git a/i18n/schema.json b/i18n/schema.json
index ff7f5da16..2524b32f7 100644
--- a/i18n/schema.json
+++ b/i18n/schema.json
@@ -202,9 +202,6 @@
         "main_navigation": {
           "type": "string"
         },
-        "popular_packages": {
-          "type": "string"
-        },
         "recently_viewed": {
           "type": "string"
         },
diff --git a/lunaria/files/ar-EG.json b/lunaria/files/ar-EG.json
index 5ff151041..0348c79e7 100644
--- a/lunaria/files/ar-EG.json
+++ b/lunaria/files/ar-EG.json
@@ -65,7 +65,6 @@
   },
   "nav": {
     "main_navigation": "الصفحة الرئيسية",
-    "popular_packages": "الحزم الشائعة",
     "settings": "الإعدادات",
     "compare": "مقارنة",
     "back": "عودة",
diff --git a/lunaria/files/az-AZ.json b/lunaria/files/az-AZ.json
index e2124d258..05836f81c 100644
--- a/lunaria/files/az-AZ.json
+++ b/lunaria/files/az-AZ.json
@@ -41,7 +41,6 @@
   },
   "nav": {
     "main_navigation": "Əsas",
-    "popular_packages": "Populyar paketlər",
     "settings": "tənzimləmələr",
     "back": "geri"
   },
diff --git a/lunaria/files/bg-BG.json b/lunaria/files/bg-BG.json
index 7bcc668b4..1be43e9c5 100644
--- a/lunaria/files/bg-BG.json
+++ b/lunaria/files/bg-BG.json
@@ -65,7 +65,6 @@
   },
   "nav": {
     "main_navigation": "Главна",
-    "popular_packages": "Популярни пакети",
     "settings": "настройки",
     "compare": "сравняване",
     "back": "назад",
diff --git a/lunaria/files/bn-IN.json b/lunaria/files/bn-IN.json
index 14c5668b2..31c13ec4e 100644
--- a/lunaria/files/bn-IN.json
+++ b/lunaria/files/bn-IN.json
@@ -43,7 +43,6 @@
   },
   "nav": {
     "main_navigation": "প্রধান",
-    "popular_packages": "জনপ্রিয় প্যাকেজগুলি",
     "settings": "সেটিংস",
     "compare": "তুলনা করুন",
     "back": "পিছনে",
diff --git a/lunaria/files/cs-CZ.json b/lunaria/files/cs-CZ.json
index 5edbf6120..51a68dd60 100644
--- a/lunaria/files/cs-CZ.json
+++ b/lunaria/files/cs-CZ.json
@@ -65,7 +65,6 @@
   },
   "nav": {
     "main_navigation": "Hlavní",
-    "popular_packages": "Populární balíčky",
     "settings": "nastavení",
     "compare": "porovnat",
     "back": "zpět",
diff --git a/lunaria/files/de-DE.json b/lunaria/files/de-DE.json
index 82fb974ea..a3da17612 100644
--- a/lunaria/files/de-DE.json
+++ b/lunaria/files/de-DE.json
@@ -65,7 +65,6 @@
   },
   "nav": {
     "main_navigation": "Hauptnavigation",
-    "popular_packages": "Beliebte Pakete",
     "settings": "Einstellungen",
     "compare": "Vergleichen",
     "back": "Zurück",
diff --git a/lunaria/files/en-GB.json b/lunaria/files/en-GB.json
index 5f3e3a3e0..61b9c0955 100644
--- a/lunaria/files/en-GB.json
+++ b/lunaria/files/en-GB.json
@@ -65,7 +65,6 @@
   },
   "nav": {
     "main_navigation": "Main",
-    "popular_packages": "Popular packages",
     "recently_viewed": "recently viewed",
     "settings": "settings",
     "compare": "compare",
diff --git a/lunaria/files/en-US.json b/lunaria/files/en-US.json
index 6383df7da..e1d5913f1 100644
--- a/lunaria/files/en-US.json
+++ b/lunaria/files/en-US.json
@@ -65,7 +65,6 @@
   },
   "nav": {
     "main_navigation": "Main",
-    "popular_packages": "Popular packages",
     "recently_viewed": "recently viewed",
     "settings": "settings",
     "compare": "compare",
diff --git a/lunaria/files/es-419.json b/lunaria/files/es-419.json
index bbc6e8678..bb1b8e1de 100644
--- a/lunaria/files/es-419.json
+++ b/lunaria/files/es-419.json
@@ -65,7 +65,6 @@
   },
   "nav": {
     "main_navigation": "Principal",
-    "popular_packages": "Paquetes populares",
     "settings": "configuración",
     "compare": "comparar",
     "back": "atrás",
diff --git a/lunaria/files/es-ES.json b/lunaria/files/es-ES.json
index ec4d350ff..29a5652b8 100644
--- a/lunaria/files/es-ES.json
+++ b/lunaria/files/es-ES.json
@@ -65,7 +65,6 @@
   },
   "nav": {
     "main_navigation": "Principal",
-    "popular_packages": "Paquetes populares",
     "settings": "configuración",
     "compare": "comparar",
     "back": "atrás",
diff --git a/lunaria/files/fr-FR.json b/lunaria/files/fr-FR.json
index 736d76210..14decc635 100644
--- a/lunaria/files/fr-FR.json
+++ b/lunaria/files/fr-FR.json
@@ -65,7 +65,6 @@
   },
   "nav": {
     "main_navigation": "Barre de navigation",
-    "popular_packages": "Paquets populaires",
     "recently_viewed": "consultés récemment",
     "settings": "paramètres",
     "compare": "comparer",
diff --git a/lunaria/files/hi-IN.json b/lunaria/files/hi-IN.json
index 076430b9a..89776bcdb 100644
--- a/lunaria/files/hi-IN.json
+++ b/lunaria/files/hi-IN.json
@@ -43,7 +43,6 @@
   },
   "nav": {
     "main_navigation": "मुख्य",
-    "popular_packages": "लोकप्रिय पैकेज",
     "settings": "सेटिंग्स",
     "compare": "तुलना करें",
     "back": "वापस",
diff --git a/lunaria/files/hu-HU.json b/lunaria/files/hu-HU.json
index 2e0479030..68a75cb6b 100644
--- a/lunaria/files/hu-HU.json
+++ b/lunaria/files/hu-HU.json
@@ -41,7 +41,6 @@
   },
   "nav": {
     "main_navigation": "Főmenü",
-    "popular_packages": "Népszerű csomagok",
     "settings": "beállítások",
     "back": "vissza"
   },
diff --git a/lunaria/files/id-ID.json b/lunaria/files/id-ID.json
index 1b8f9004f..8e854d3e5 100644
--- a/lunaria/files/id-ID.json
+++ b/lunaria/files/id-ID.json
@@ -43,7 +43,6 @@
   },
   "nav": {
     "main_navigation": "Utama",
-    "popular_packages": "Paket populer",
     "settings": "pengaturan",
     "compare": "bandingkan",
     "back": "kembali",
diff --git a/lunaria/files/it-IT.json b/lunaria/files/it-IT.json
index c21c11f1d..5c65a6c05 100644
--- a/lunaria/files/it-IT.json
+++ b/lunaria/files/it-IT.json
@@ -49,7 +49,6 @@
   },
   "nav": {
     "main_navigation": "Principale",
-    "popular_packages": "Pacchetti popolari",
     "settings": "impostazioni",
     "compare": "confronta",
     "back": "indietro",
diff --git a/lunaria/files/ja-JP.json b/lunaria/files/ja-JP.json
index 3cb054895..f6fe52d91 100644
--- a/lunaria/files/ja-JP.json
+++ b/lunaria/files/ja-JP.json
@@ -65,7 +65,6 @@
   },
   "nav": {
     "main_navigation": "メイン",
-    "popular_packages": "人気のパッケージ",
     "settings": "設定",
     "compare": "比較",
     "back": "戻る",
diff --git a/lunaria/files/mr-IN.json b/lunaria/files/mr-IN.json
index 0833f9655..99632b252 100644
--- a/lunaria/files/mr-IN.json
+++ b/lunaria/files/mr-IN.json
@@ -41,7 +41,6 @@
   },
   "nav": {
     "main_navigation": "मुख्य",
-    "popular_packages": "लोकप्रिय पॅकेजेस",
     "settings": "सेटिंग्ज",
     "compare": "तुलना करा",
     "back": "मागे",
diff --git a/lunaria/files/nb-NO.json b/lunaria/files/nb-NO.json
index 2eea40ce3..a3bbe0a50 100644
--- a/lunaria/files/nb-NO.json
+++ b/lunaria/files/nb-NO.json
@@ -65,7 +65,6 @@
   },
   "nav": {
     "main_navigation": "Hovedmeny",
-    "popular_packages": "Populære pakker",
     "settings": "innstillinger",
     "compare": "sammenlign",
     "back": "tilbake",
diff --git a/lunaria/files/ne-NP.json b/lunaria/files/ne-NP.json
index 9306002bb..8665a7350 100644
--- a/lunaria/files/ne-NP.json
+++ b/lunaria/files/ne-NP.json
@@ -43,7 +43,6 @@
   },
   "nav": {
     "main_navigation": "मुख्य",
-    "popular_packages": "लोकप्रिय प्याकेजहरू",
     "settings": "सेटिङ्स",
     "compare": "तुलना",
     "back": "पछाडि",
diff --git a/lunaria/files/pl-PL.json b/lunaria/files/pl-PL.json
index 240b50e0a..0d2e3ffe6 100644
--- a/lunaria/files/pl-PL.json
+++ b/lunaria/files/pl-PL.json
@@ -65,7 +65,6 @@
   },
   "nav": {
     "main_navigation": "Główne",
-    "popular_packages": "Popularne pakiety",
     "settings": "ustawienia",
     "compare": "porównaj",
     "back": "wstecz",
diff --git a/lunaria/files/pt-BR.json b/lunaria/files/pt-BR.json
index 005c0be7f..4de42622b 100644
--- a/lunaria/files/pt-BR.json
+++ b/lunaria/files/pt-BR.json
@@ -44,7 +44,6 @@
   },
   "nav": {
     "main_navigation": "Principal",
-    "popular_packages": "Pacotes populares",
     "settings": "configurações",
     "compare": "comparar",
     "back": "voltar",
diff --git a/lunaria/files/ru-RU.json b/lunaria/files/ru-RU.json
index 4710678fd..2b556d6e8 100644
--- a/lunaria/files/ru-RU.json
+++ b/lunaria/files/ru-RU.json
@@ -41,7 +41,6 @@
   },
   "nav": {
     "main_navigation": "Главное",
-    "popular_packages": "Популярные пакеты",
     "settings": "настройки",
     "back": "назад"
   },
diff --git a/lunaria/files/ta-IN.json b/lunaria/files/ta-IN.json
index 9ec3b6b21..5a5f2d795 100644
--- a/lunaria/files/ta-IN.json
+++ b/lunaria/files/ta-IN.json
@@ -65,7 +65,6 @@
   },
   "nav": {
     "main_navigation": "முதன்மை",
-    "popular_packages": "பிரபலமான தொகுப்புகள்",
     "settings": "அமைப்புகள்",
     "compare": "ஒப்பிடு",
     "back": "பின்செல்",
diff --git a/lunaria/files/te-IN.json b/lunaria/files/te-IN.json
index ae195617f..e024672d2 100644
--- a/lunaria/files/te-IN.json
+++ b/lunaria/files/te-IN.json
@@ -43,7 +43,6 @@
   },
   "nav": {
     "main_navigation": "ప్రధాన",
-    "popular_packages": "జనాదరణ ప్యాకేజ్‌లు",
     "settings": "సెట్టింగ్‌లు",
     "compare": "పోల్చండి",
     "back": "వెనక్కి",
diff --git a/lunaria/files/uk-UA.json b/lunaria/files/uk-UA.json
index d6428f02d..3f37356af 100644
--- a/lunaria/files/uk-UA.json
+++ b/lunaria/files/uk-UA.json
@@ -65,7 +65,6 @@
   },
   "nav": {
     "main_navigation": "Головна",
-    "popular_packages": "Популярні пакети",
     "settings": "параметри",
     "compare": "порівняти",
     "back": "назад",
diff --git a/lunaria/files/zh-CN.json b/lunaria/files/zh-CN.json
index 9e626de72..d76921aad 100644
--- a/lunaria/files/zh-CN.json
+++ b/lunaria/files/zh-CN.json
@@ -65,7 +65,6 @@
   },
   "nav": {
     "main_navigation": "主页",
-    "popular_packages": "热门软件包",
     "settings": "设置",
     "compare": "比较包",
     "back": "返回",
diff --git a/lunaria/files/zh-TW.json b/lunaria/files/zh-TW.json
index 75bc90277..e93a7c431 100644
--- a/lunaria/files/zh-TW.json
+++ b/lunaria/files/zh-TW.json
@@ -65,7 +65,6 @@
   },
   "nav": {
     "main_navigation": "首頁",
-    "popular_packages": "熱門套件",
     "settings": "設定",
     "compare": "比較",
     "back": "返回",

From 0c147e4e652ee18b6ba18468e5492569cd064da5 Mon Sep 17 00:00:00 2001
From: Philippe Serhal <philippe.serhal@gmail.com>
Date: Sun, 22 Feb 2026 22:52:13 -0500
Subject: [PATCH 3/4] test: add an e2e test for recently viewed feature

---
 test/e2e/recently-viewed.spec.ts | 38 ++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 test/e2e/recently-viewed.spec.ts

diff --git a/test/e2e/recently-viewed.spec.ts b/test/e2e/recently-viewed.spec.ts
new file mode 100644
index 000000000..1a3f98a39
--- /dev/null
+++ b/test/e2e/recently-viewed.spec.ts
@@ -0,0 +1,38 @@
+import { expect, test } from './test-utils'
+
+test.describe('Recently Viewed', () => {
+  test('visiting package, org, and user pages populates recently viewed on homepage', async ({
+    page,
+    goto,
+  }) => {
+    // Start with empty homepage — no recently viewed items
+    await goto('/', { waitUntil: 'hydration' })
+    await expect(page.locator('#recently-viewed-label')).not.toBeVisible()
+
+    // Visit a package page — wait for install command to confirm data loaded
+    await goto('/package/nuxt', { waitUntil: 'hydration' })
+    await expect(page.locator('#get-started')).toBeVisible({ timeout: 15000 })
+
+    // Visit an org page — wait for the package list to confirm data loaded
+    await goto('/@nuxt', { waitUntil: 'hydration' })
+    await expect(page.getByText(/public packages?/i)).toBeVisible({ timeout: 15000 })
+
+    // Visit a user page — wait for package count to confirm data loaded
+    await goto('/~qwerzl', { waitUntil: 'hydration' })
+    await expect(page.getByText(/public packages?/i)).toBeVisible({ timeout: 15000 })
+
+    // Go back to homepage — should see all three recently viewed items
+    await goto('/', { waitUntil: 'hydration' })
+
+    const recentNav = page.locator('nav[aria-labelledby="recently-viewed-label"]')
+    await expect(recentNav).toBeVisible({ timeout: 10000 })
+
+    const links = recentNav.locator('a')
+    await expect(links).toHaveCount(3)
+
+    // Most recent first
+    await expect(links.nth(0)).toContainText('~qwerzl')
+    await expect(links.nth(1)).toContainText('@nuxt')
+    await expect(links.nth(2)).toContainText('nuxt')
+  })
+})

From 79914511f0928f1cb556ca2c21202c391ead03eb Mon Sep 17 00:00:00 2001
From: Philippe Serhal <philippe.serhal@gmail.com>
Date: Mon, 23 Feb 2026 16:00:02 -0500
Subject: [PATCH 4/4] refactor: simplify useRecentlyViewed composable

---
 app/composables/useRecentlyViewed.ts          | 30 +++++++------------
 app/pages/org/[org].vue                       |  1 +
 app/pages/package/[[org]]/[name].vue          |  1 +
 app/pages/~[username]/index.vue               |  1 +
 .../composables/use-recently-viewed.spec.ts   | 25 +++++++++-------
 5 files changed, 27 insertions(+), 31 deletions(-)

diff --git a/app/composables/useRecentlyViewed.ts b/app/composables/useRecentlyViewed.ts
index 1120229d3..f4afcb4e1 100644
--- a/app/composables/useRecentlyViewed.ts
+++ b/app/composables/useRecentlyViewed.ts
@@ -1,4 +1,3 @@
-import type { RemovableRef } from '@vueuse/core'
 import { useLocalStorage } from '@vueuse/core'
 import { computed } from 'vue'
 
@@ -17,26 +16,17 @@ export interface RecentItem {
   viewedAt: number
 }
 
-let recentRef: RemovableRef<RecentItem[]> | null = null
+export function useRecentlyViewed() {
+  const items = useLocalStorage<RecentItem[]>(STORAGE_KEY, [])
 
-function getRecentRef() {
-  if (!recentRef) {
-    recentRef = useLocalStorage<RecentItem[]>(STORAGE_KEY, [])
+  function trackRecentView(item: Omit<RecentItem, 'viewedAt'>) {
+    if (import.meta.server) return
+    const filtered = items.value.filter(
+      existing => !(existing.type === item.type && existing.name === item.name),
+    )
+    filtered.unshift({ ...item, viewedAt: Date.now() })
+    items.value = filtered.slice(0, MAX_RECENT_ITEMS)
   }
-  return recentRef
-}
-
-export function useRecentlyViewed() {
-  const items = getRecentRef()
-  return { items: computed(() => items.value) }
-}
 
-export function trackRecentView(item: Omit<RecentItem, 'viewedAt'>) {
-  if (import.meta.server) return
-  const items = getRecentRef()
-  const filtered = items.value.filter(
-    existing => !(existing.type === item.type && existing.name === item.name),
-  )
-  filtered.unshift({ ...item, viewedAt: Date.now() })
-  items.value = filtered.slice(0, MAX_RECENT_ITEMS)
+  return { items: computed(() => items.value), trackRecentView }
 }
diff --git a/app/pages/org/[org].vue b/app/pages/org/[org].vue
index f18158602..f79e856df 100644
--- a/app/pages/org/[org].vue
+++ b/app/pages/org/[org].vue
@@ -122,6 +122,7 @@ watch(orgName, () => {
 })
 
 if (import.meta.client) {
+  const { trackRecentView } = useRecentlyViewed()
   watch(
     () => [status.value, orgName.value] as const,
     ([s, name]) => {
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index bb8299b81..ff974fec7 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -645,6 +645,7 @@ onKeyStroke(
 const showSkeleton = shallowRef(false)
 
 if (import.meta.client) {
+  const { trackRecentView } = useRecentlyViewed()
   watch(
     () => [status.value, packageName.value] as const,
     ([s, name]) => {
diff --git a/app/pages/~[username]/index.vue b/app/pages/~[username]/index.vue
index 0e16fc13c..93b51aa53 100644
--- a/app/pages/~[username]/index.vue
+++ b/app/pages/~[username]/index.vue
@@ -120,6 +120,7 @@ watch(username, () => {
 })
 
 if (import.meta.client) {
+  const { trackRecentView } = useRecentlyViewed()
   watch(
     () => [status.value, username.value] as const,
     ([s, name]) => {
diff --git a/test/unit/app/composables/use-recently-viewed.spec.ts b/test/unit/app/composables/use-recently-viewed.spec.ts
index 0fcbe9943..2851d4113 100644
--- a/test/unit/app/composables/use-recently-viewed.spec.ts
+++ b/test/unit/app/composables/use-recently-viewed.spec.ts
@@ -1,4 +1,4 @@
-import { beforeEach, describe, expect, it, vi } from 'vitest'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import { ref } from 'vue'
 
 import type { RecentItem } from '../../../../app/composables/useRecentlyViewed'
@@ -10,44 +10,47 @@ vi.mock('@vueuse/core', () => ({
 }))
 
 // Must import after mock is set up
-const { trackRecentView, useRecentlyViewed } =
-  await import('../../../../app/composables/useRecentlyViewed')
+const { useRecentlyViewed } = await import('../../../../app/composables/useRecentlyViewed')
 
 describe('useRecentlyViewed', () => {
   beforeEach(() => {
     storageRef.value = []
   })
 
+  afterEach(() => {
+    vi.restoreAllMocks()
+  })
+
   it('returns an empty list initially', () => {
     const { items } = useRecentlyViewed()
     expect(items.value).toEqual([])
   })
 
   it('adds an item to an empty list', () => {
+    const { trackRecentView, items } = useRecentlyViewed()
     trackRecentView({ type: 'package', name: 'vue', label: 'vue' })
-    const { items } = useRecentlyViewed()
     expect(items.value).toHaveLength(1)
     expect(items.value[0]).toMatchObject({ type: 'package', name: 'vue', label: 'vue' })
     expect(items.value[0]!.viewedAt).toBeTypeOf('number')
   })
 
   it('deduplicates by type and name, bumping to front', () => {
+    const { trackRecentView, items } = useRecentlyViewed()
     trackRecentView({ type: 'package', name: 'vue', label: 'vue' })
     trackRecentView({ type: 'package', name: 'react', label: 'react' })
     trackRecentView({ type: 'package', name: 'vue', label: 'vue' })
 
-    const { items } = useRecentlyViewed()
     expect(items.value).toHaveLength(2)
     expect(items.value[0]!.name).toBe('vue')
     expect(items.value[1]!.name).toBe('react')
   })
 
   it('caps at 5 items, evicting the oldest', () => {
+    const { trackRecentView, items } = useRecentlyViewed()
     for (let i = 1; i <= 6; i++) {
       trackRecentView({ type: 'package', name: `pkg-${i}`, label: `pkg-${i}` })
     }
 
-    const { items } = useRecentlyViewed()
     expect(items.value).toHaveLength(5)
     expect(items.value[0]!.name).toBe('pkg-6')
     expect(items.value[4]!.name).toBe('pkg-2')
@@ -56,42 +59,42 @@ describe('useRecentlyViewed', () => {
   })
 
   it('allows different entity types to coexist', () => {
+    const { trackRecentView, items } = useRecentlyViewed()
     trackRecentView({ type: 'package', name: 'vue', label: 'vue' })
     trackRecentView({ type: 'org', name: 'nuxt', label: '@nuxt' })
     trackRecentView({ type: 'user', name: 'sindresorhus', label: '~sindresorhus' })
 
-    const { items } = useRecentlyViewed()
     expect(items.value).toHaveLength(3)
     expect(items.value.map(i => i.type)).toEqual(['user', 'org', 'package'])
   })
 
   it('does not deduplicate items with the same name but different type', () => {
+    const { trackRecentView, items } = useRecentlyViewed()
     trackRecentView({ type: 'package', name: 'nuxt', label: 'nuxt' })
     trackRecentView({ type: 'org', name: 'nuxt', label: '@nuxt' })
 
-    const { items } = useRecentlyViewed()
     expect(items.value).toHaveLength(2)
   })
 
   it('sets viewedAt on new entries', () => {
+    const { trackRecentView, items } = useRecentlyViewed()
     const before = Date.now()
     trackRecentView({ type: 'package', name: 'vue', label: 'vue' })
     const after = Date.now()
 
-    const { items } = useRecentlyViewed()
     expect(items.value[0]!.viewedAt).toBeGreaterThanOrEqual(before)
     expect(items.value[0]!.viewedAt).toBeLessThanOrEqual(after)
   })
 
   it('updates viewedAt when deduplicating', () => {
+    const { trackRecentView, items } = useRecentlyViewed()
     trackRecentView({ type: 'package', name: 'vue', label: 'vue' })
-    const firstViewedAt = useRecentlyViewed().items.value[0]!.viewedAt
+    const firstViewedAt = items.value[0]!.viewedAt
 
     // Small delay to ensure timestamp differs
     vi.spyOn(Date, 'now').mockReturnValueOnce(firstViewedAt + 1000)
     trackRecentView({ type: 'package', name: 'vue', label: 'vue' })
 
-    const { items } = useRecentlyViewed()
     expect(items.value[0]!.viewedAt).toBeGreaterThan(firstViewedAt)
   })
 })