@@ -879,17 +879,20 @@ defineOgImageComponent('Package', {
879879 <!-- Regular packages: Install command with optional run command -->
880880 <section
881881 v-else
882- id =" install "
883- aria-labelledby =" install -heading"
882+ id =" get-started "
883+ aria-labelledby =" get-started -heading"
884884 class =" area-install scroll-mt-20"
885885 >
886886 <div class =" flex flex-wrap items-center justify-between mb-3" >
887- <h2 id =" install-heading" class =" group text-xs text-fg-subtle uppercase tracking-wider" >
887+ <h2
888+ id =" get-started-heading"
889+ class =" group text-xs text-fg-subtle uppercase tracking-wider"
890+ >
888891 <a
889- href =" #install "
892+ href =" #get-started "
890893 class =" inline-flex items-center gap-1.5 py-1 text-fg-subtle hover:text-fg-muted transition-colors duration-200 no-underline"
891894 >
892- {{ $t('package.install .title') }}
895+ {{ $t('package.get_started .title') }}
893896 <span
894897 class =" i-carbon-link w-3 h-3 block opacity-0 group-hover:opacity-100 transition-opacity duration-200"
895898 aria-hidden =" true"
@@ -900,7 +903,7 @@ defineOgImageComponent('Package', {
900903 <div
901904 class =" flex items-center gap-1 p-0.5 bg-bg-subtle border border-border-subtle rounded-md overflow-x-auto"
902905 role =" tablist"
903- :aria-label =" $t('package.install .pm_label')"
906+ :aria-label =" $t('package.get_started .pm_label')"
904907 >
905908 <button
906909 v-for =" pm in packageManagers"
@@ -948,7 +951,7 @@ defineOgImageComponent('Package', {
948951 <button
949952 type =" button"
950953 class =" px-2 py-0.5 font-mono text-xs text-fg-muted bg-bg-subtle/80 border border-border rounded transition-colors duration-200 opacity-0 group-hover/installcmd:opacity-100 hover:(text-fg border-border-hover) active:scale-95 focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50"
951- :aria-label =" $t('package.install .copy_command')"
954+ :aria-label =" $t('package.get_started .copy_command')"
952955 @click.stop =" copyInstallCommand"
953956 >
954957 <span aria-live =" polite" >{{
@@ -972,7 +975,7 @@ defineOgImageComponent('Package', {
972975 v-if =" typesPackageName"
973976 :to =" `/${typesPackageName}`"
974977 class =" text-fg-subtle hover:text-fg-muted text-xs transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50 rounded"
975- :title =" $t('package.install .view_types', { package: typesPackageName })"
978+ :title =" $t('package.get_started .view_types', { package: typesPackageName })"
976979 >
977980 <span class =" i-carbon-arrow-right w-3 h-3" aria-hidden =" true" />
978981 <span class =" sr-only" >View {{ typesPackageName }}</span >
0 commit comments