diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue index 46a8d4cf9e..223a2be7ef 100644 --- a/app/components/AppHeader.vue +++ b/app/components/AppHeader.vue @@ -18,11 +18,19 @@ withDefaults( const { isConnected, npmUser } = useConnector() +const { packageName } = usePackageRoute() + +const compareTarget = computed(() => + packageName.value + ? { name: 'compare' as const, query: { packages: packageName.value } } + : { name: 'compare' as const }, +) + const desktopLinks = computed(() => [ { name: 'Compare', label: $t('nav.compare'), - to: { name: 'compare' }, + to: compareTarget.value, keyshortcut: 'c', type: 'link', external: false, @@ -209,7 +217,7 @@ function handleSearchFocus() { } useShortcuts({ - 'c': () => ({ name: 'compare' }), + 'c': () => compareTarget.value, ',': () => ({ name: 'settings' }), }) diff --git a/app/components/Package/Header.vue b/app/components/Package/Header.vue index ea7e9bed85..50e62bf947 100644 --- a/app/components/Package/Header.vue +++ b/app/components/Package/Header.vue @@ -209,7 +209,6 @@ useShortcuts({ '.': () => codeLink.value, 'm': () => mainLink.value, 'd': () => docsLink.value, - 'c': () => props.pkg && { name: 'compare' as const, query: { packages: props.pkg.name } }, 'f': () => diffLink.value, '-': () => changelogLink.value, 't': () => timelineLink.value, @@ -255,14 +254,6 @@ useShortcuts({
- - {{ $t('package.links.compare_this_package') }} -