Use starlight-scroll-to-top for BackToTop button

Author: FileEX

web/astro.config.mjs

@@ -3,19 +3,27 @@ import { defineConfig } from "astro/config";
 import starlight from "@astrojs/starlight";
 import mtasaStarlightThemePlugin from "@multitheftauto/starlight-theme-mtasa";
 import { SITE_TITLE, SITE_URL } from "./src/content.constants";
+import starlightScrollToTop from 'starlight-scroll-to-top'
 
 export default defineConfig({
   site: SITE_URL,
   i18n: {
-    locales: ["en", "es", "fr"],
+    locales: ["en", "es", "fr", "pl"],
     defaultLocale: "en",
     routing: {
       prefixDefaultLocale: false,
     },
   },
   integrations: [
     starlight({
-      plugins: [mtasaStarlightThemePlugin()],
+      plugins: [mtasaStarlightThemePlugin(), starlightScrollToTop({
+        tooltipText: {
+          "en": "Scroll to top",
+          "pl": "Na górę",
+        },
+        showTooltip: true,
+        showProgressRing: false,
+      })],
       favicon: "favicon.ico",
       title: SITE_TITLE,
       logo: {

web/package-lock.json

@@ -21,6 +21,7 @@
     "node-html-parser": "^7.0.1",
     "pagefind": "^1.3.0",
     "sharp": "^0.32.5",
+    "starlight-scroll-to-top": "^0.4.0",
     "tm-themes": "^1.10.6"
   },
   "optionalDependencies": {

web/package.json

@@ -55,4 +55,3 @@ import BackToTopButton from '@src/components/BackToTopButton.astro';
 
 </div>
 
-<BackToTopButton />