forked from
npmx.dev/npmx.dev
[READ-ONLY]
a fast, modern browser for the npm registry
fix: rename from 'install' to 'get started'
+19
-16
+11
-8
app/pages/[...package].vue
+11
-8
app/pages/[...package].vue
···
879
879
<!-- Regular packages: Install command with optional run command -->
880
880
<section
881
881
v-else
882
-
id="install"
883
-
aria-labelledby="install-heading"
882
+
id="get-started"
883
+
aria-labelledby="get-started-heading"
884
884
class="area-install scroll-mt-20"
885
885
>
886
886
<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
+
>
888
891
<a
889
-
href="#install"
892
+
href="#get-started"
890
893
class="inline-flex items-center gap-1.5 py-1 text-fg-subtle hover:text-fg-muted transition-colors duration-200 no-underline"
891
894
>
892
-
{{ $t('package.install.title') }}
895
+
{{ $t('package.get_started.title') }}
893
896
<span
894
897
class="i-carbon-link w-3 h-3 block opacity-0 group-hover:opacity-100 transition-opacity duration-200"
895
898
aria-hidden="true"
···
900
903
<div
901
904
class="flex items-center gap-1 p-0.5 bg-bg-subtle border border-border-subtle rounded-md overflow-x-auto"
902
905
role="tablist"
903
-
:aria-label="$t('package.install.pm_label')"
906
+
:aria-label="$t('package.get_started.pm_label')"
904
907
>
905
908
<button
906
909
v-for="pm in packageManagers"
···
948
951
<button
949
952
type="button"
950
953
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')"
952
955
@click.stop="copyInstallCommand"
953
956
>
954
957
<span aria-live="polite">{{
···
972
975
v-if="typesPackageName"
973
976
:to="`/${typesPackageName}`"
974
977
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 })"
976
979
>
977
980
<span class="i-carbon-arrow-right w-3 h-3" aria-hidden="true" />
978
981
<span class="sr-only">View {{ typesPackageName }}</span>
+2
-2
i18n/locales/en.json
+2
-2
i18n/locales/en.json
+2
-2
i18n/locales/fr.json
+2
-2
i18n/locales/fr.json
···
107
107
"code": "code",
108
108
"docs": "docs"
109
109
},
110
-
"install": {
111
-
"title": "Installer",
110
+
"get_started": {
111
+
"title": "Commencer",
112
112
"pm_label": "Gestionnaire de paquets",
113
113
"copy_command": "Copier la commande d'installation",
114
114
"view_types": "Voir {package}"
+2
-2
i18n/locales/it.json
+2
-2
i18n/locales/it.json