spoko-design-system 1.0.0 → 1.1.0

package/.astro/data-store.json

@@ -1 +1 @@
-[["Map",1,2],"meta::meta",["Map",3,4,5,6],"astro-version","5.13.2","astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"site\":\"https://sds.spoko.space/\",\"compressHTML\":true,\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"static\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":false,\"port\":1234,\"streaming\":true,\"allowedHosts\":[]},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"domains\":[\"placehold.co\",\"api.polo.blue\",\"polo.blue\",\"media.istockphoto.com\",\"freepik.com\",\"img.freepik.com\",\"polo6r.pl\"],\"remotePatterns\":[],\"responsiveStyles\":false},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":{\"type\":\"shiki\",\"excludeLangs\":[\"math\"]},\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"gfm\":true,\"smartypants\":true},\"security\":{\"checkOrigin\":true},\"env\":{\"schema\":{},\"validateSecrets\":false},\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"headingIdCompat\":false,\"preserveScriptOrder\":false,\"liveContentCollections\":false,\"csp\":false,\"staticImportMetaEnv\":false,\"chromeDevtoolsWorkspace\":false},\"legacy\":{\"collections\":false}}"]
+[["Map",1,2],"meta::meta",["Map",3,4,5,6],"astro-version","5.13.10","astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"site\":\"https://sds.spoko.space/\",\"compressHTML\":true,\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"static\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":false,\"port\":1234,\"streaming\":true,\"allowedHosts\":[]},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"domains\":[\"placehold.co\",\"api.polo.blue\",\"polo.blue\",\"media.istockphoto.com\",\"freepik.com\",\"img.freepik.com\",\"polo6r.pl\"],\"remotePatterns\":[],\"responsiveStyles\":false},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":{\"type\":\"shiki\",\"excludeLangs\":[\"math\"]},\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"gfm\":true,\"smartypants\":true},\"security\":{\"checkOrigin\":true},\"env\":{\"schema\":{},\"validateSecrets\":false},\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"headingIdCompat\":false,\"preserveScriptOrder\":false,\"liveContentCollections\":false,\"csp\":false,\"staticImportMetaEnv\":false,\"chromeDevtoolsWorkspace\":false},\"legacy\":{\"collections\":false}}"]

package/.astro/settings.json

@@ -1,5 +1,5 @@
 {
 	"_variables": {
-		"lastUpdateCheck": 1757938917015
+		"lastUpdateCheck": 1758628311891
 	}
 }

package/.claude/settings.local.json

@@ -5,7 +5,17 @@
       "Bash(npm run dev:*)",
       "Bash(tasklist)",
       "Bash(findstr:*)",
-      "Bash(git add:*)"
+      "Bash(git add:*)",
+      "Bash(npm install:*)",
+      "Bash(pnpm add:*)",
+      "Bash(pnpm i:*)",
+      "Bash(pnpm install:*)",
+      "Bash(pnpm dev:*)",
+      "Bash(node:*)",
+      "WebFetch(domain:polo.blue)",
+      "Bash(git commit:*)",
+      "Bash(git push:*)",
+      "Bash(pnpm run:*)"
     ],
     "deny": [],
     "ask": []

package/.github/workflows/code-quality.yml

@@ -0,0 +1,51 @@
+name: Code Quality
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+
+jobs:
+  lint-and-format:
+    name: Lint and Format Check
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22'
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: '10.16.1'
+
+      - name: Get pnpm store directory
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - name: Setup pnpm cache
+        uses: actions/cache@v4
+        with:
+          path: ${{ env.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Check Prettier formatting
+        run: pnpm exec prettier --check "src/**/*.{js,ts,jsx,tsx,vue,astro,json,css,md}"
+
+      - name: Run ESLint
+        run: pnpm exec eslint "src/**/*.{js,ts,jsx,tsx,vue,astro}"
+
+      - name: Type check
+        run: pnpm exec astro check

package/.github/workflows/sonarcloud.yml

@@ -0,0 +1,51 @@
+name: SonarCloud Analysis
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+
+jobs:
+  sonarcloud:
+    name: SonarCloud
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0  # Shallow clones should be disabled for better analysis
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22'
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: '10.16.1'
+
+      - name: Get pnpm store directory
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - name: Setup pnpm cache
+        uses: actions/cache@v4
+        with:
+          path: ${{ env.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Build project
+        run: pnpm run build
+
+      - name: SonarCloud Scan
+        uses: SonarSource/sonarcloud-github-action@master
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}  # Needed to get PR information, if any
+          SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}

package/.prettierignore

@@ -0,0 +1,15 @@
+node_modules/
+dist/
+.astro/
+pnpm-lock.yaml
+*.md
+*.svg
+*.png
+*.jpg
+*.jpeg
+*.gif
+*.ico
+*.woff
+*.woff2
+*.ttf
+*.eot

package/.prettierrc

@@ -0,0 +1,25 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "printWidth": 100,
+  "useTabs": false,
+  "bracketSpacing": true,
+  "arrowParens": "avoid",
+  "endOfLine": "lf",
+  "overrides": [
+    {
+      "files": "*.astro",
+      "options": {
+        "parser": "astro"
+      }
+    },
+    {
+      "files": "*.vue",
+      "options": {
+        "parser": "vue"
+      }
+    }
+  ]
+}

package/.vscode/extensions.json

@@ -1,5 +1,4 @@
 {
   "recommendations": ["astro-build.astro-vscode"],
   "unwantedRecommendations": [],
-  "lokalise.i18n-ally"
 }

package/.vscode/settings.json

@@ -1,6 +1,2 @@
 {
-    "i18n-ally.sourceLanguage": "en",
-    "i18n-ally.keystyle": "nested",
-    "i18n-ally.localesPaths": "public/locales",
-    "i18n-ally.sortKeys": true,
 }

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.1.0](https://github.com/polo-blue/sds/compare/v1.0.1...v1.1.0) (2025-09-23)
+
+### Features
+
+* add SonarCloud and ESLint/Prettier code quality workflows ([349ad03](https://github.com/polo-blue/sds/commit/349ad034e4ca90c73d77927dfe8e6b66bde3fd37))
+
+## [1.0.1](https://github.com/polo-blue/sds/compare/v1.0.0...v1.0.1) (2025-09-23)
+
+### Bug Fixes
+
+* improve design system and add icon collections documentation ([007c465](https://github.com/polo-blue/sds/commit/007c46522f48bad8d0a04fbe811066edf6c3c78f))
+* remove invalid vscode-icons to resolve build errors ([ab1fea5](https://github.com/polo-blue/sds/commit/ab1fea51182b35159953ae0005bb8c226fe14e9d))
+* update icons and improve UnoCSS extractor ([aca7861](https://github.com/polo-blue/sds/commit/aca786103a56f5a180a15d6db044068bab596f62))
+
 ## 1.0.0 (2025-09-23)
 
 ### Features

package/README.md

@@ -39,15 +39,14 @@ Most of the components from this repository can be seen in my projects:
 - https://polo6r.pl
 
 
-### Feateures
+### Features
 - ⚡️[Vue 3](https://github.com/vuejs/core), [Vite](https://github.com/vitejs/vite), [pnpm](https://pnpm.io/) - born with fastness
 - 🎨 [UnoCSS](https://github.com/antfu/unocss) - the instant on-demand atomic CSS engine
 - 😃 [astro-icon](https://github.com/natemoo-re/astro-icon) - for local icons, sprites and `@iconify-json/*` sets
 - 🍔 [astro-navbar](https://github.com/surjithctly/astro-navbar) -  fully responsive and accessible headless navigation bar
-- 🌍 [astro-i18next](https://github.com/yassinedoghri/astro-i18next) - Astro integration of i18next
 - 🔎 [astro-pagefind](https://github.com/shishkin/astro-pagefind) - Astro integration for Pagefind static site search
 - 🗒 [astrojs/mdx](https://github.com/withastro/astro/tree/main/packages/integrations/mdx/) - markdown support
-- 📦 [astro-compress](https://github.com/astro-community/AstroCompress) - compression utilities to your Astro project
+- 📦 [Playform compression](https://github.com/Playform/compress) - compression utilities to your Astro project
 - 📲 [PWA](https://github.com/vite-pwa/astro) - Zero-config PWA Integration for Astro
 - 🏷️ [astro-meta-tags](https://github.com/patrick91/astro-meta-tags) - Meta Tags inside for Astro Dev Toolbar
 - 🖨 Static-site generation (SSG)
@@ -55,6 +54,23 @@ Most of the components from this repository can be seen in my projects:
 - 🌠 [View Transitions API](https://docs.astro.build/en/guides/view-transitions/#full-site-view-transitions-spa-mode) - [View Transition API](https://developer.mozilla.org/en-US/docs/Web/API/Document/startViewTransition) - makes it easy to change the DOM in a single step, while creating an animated transition between the two states. It's available in Chrome 111+ ([more details](https://developer.chrome.com/docs/web-platform/view-transitions?hl=en))
 - ☁️ Deploy on Netlify
 
+### Icon Collections
+
+The design system includes carefully curated icon collections from Iconify:
+
+- 🎨 [Material Design Icons](https://icon-sets.iconify.design/mdi/) - comprehensive icon set for UI elements
+- 🚗 [Ant Design Icons](https://icon-sets.iconify.design/ant-design/) - clean outlined icons
+- 📱 [Bootstrap Icons](https://icon-sets.iconify.design/bi/) - simple and consistent icons
+- 🎯 [Boxicons](https://icon-sets.iconify.design/bx/) - high quality web icons
+- 🌍 [Carbon Icons](https://icon-sets.iconify.design/carbon/) - IBM's design language icons
+- 🎪 [Lucide Icons](https://icon-sets.iconify.design/lucide/) - beautiful & consistent icon toolkit
+- 🎨 [Streamline Freehand Color](https://icon-sets.iconify.design/streamline-freehand-color/) - hand-drawn style colored icons
+- 📟 [VS Code Icons](https://icon-sets.iconify.design/vscode-icons/) - file type and technology icons
+- 🏢 [Simple Icons](https://icon-sets.iconify.design/simple-icons/) - brand icons for popular services
+- ⚡ [Fluent UI Icons](https://icon-sets.iconify.design/fluent/) - Microsoft's design system icons
+
+See the complete list and configuration in [`icon.config.ts`](./icon.config.ts).
+
 ### Adding new sections
 
 Although it's not required, you can create folders for new sections.

package/astro.config.mjs

@@ -3,7 +3,6 @@ import { iconConfig } from './icon.config';
 import vue from "@astrojs/vue";
 import mdx from '@astrojs/mdx';
 import UnoCSS from '@unocss/astro';
-import astroI18next from "astro-i18next";
 import icon from "astro-icon";
 import sitemap from "@astrojs/sitemap";
 import pagefind from "astro-pagefind";
@@ -28,7 +27,6 @@ export default defineConfig({
     // Enable Vue to support Vue3 components
     vue(), 
     mdx(), 
-    astroI18next(), 
     AstroPWA({
       mode: 'production',
       base: '/',

package/eslint.config.js

@@ -0,0 +1,64 @@
+import js from '@eslint/js';
+import typescript from '@typescript-eslint/eslint-plugin';
+import typescriptParser from '@typescript-eslint/parser';
+import vue from 'eslint-plugin-vue';
+import astro from 'eslint-plugin-astro';
+
+export default [
+  js.configs.recommended,
+
+  // TypeScript files
+  {
+    files: ['**/*.ts', '**/*.tsx'],
+    languageOptions: {
+      parser: typescriptParser,
+      parserOptions: {
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+      },
+    },
+    plugins: {
+      '@typescript-eslint': typescript,
+    },
+    rules: {
+      ...typescript.configs.recommended.rules,
+      '@typescript-eslint/no-unused-vars': 'warn',
+      '@typescript-eslint/no-explicit-any': 'warn',
+    },
+  },
+
+  // Vue files
+  {
+    files: ['**/*.vue'],
+    languageOptions: {
+      parser: vue.parser,
+      parserOptions: {
+        parser: typescriptParser,
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+      },
+    },
+    plugins: {
+      vue,
+    },
+    rules: {
+      ...vue.configs.recommended.rules,
+      'vue/multi-word-component-names': 'off',
+      'vue/no-unused-vars': 'warn',
+    },
+  },
+
+  // Astro files
+  ...astro.configs.recommended,
+
+  // Global ignores
+  {
+    ignores: [
+      'dist/**',
+      'node_modules/**',
+      '.astro/**',
+      'pnpm-lock.yaml',
+      '**/*.d.ts',
+    ],
+  },
+];

package/icon.config.ts

@@ -3,10 +3,13 @@
 interface IconConfig {
   include: {
     [key: string]: string[];
-  }
+  };
+  collections?: {
+    [key: string]: () => Promise<any>;
+  };
 }
 
-// Lista wszystkich wspieranych kolekcji
+// List of all supported collections
 export const iconCollections = [
   'ant-design',
   'bi',
@@ -32,6 +35,8 @@ export const iconCollections = [
   'system-uicons',
   'uil',
   'lucide',
+  'vscode-icons',
+  'streamline-freehand-color',
 ] as const;
 
 export type IconCollectionName = typeof iconCollections[number];
@@ -230,6 +235,7 @@ export const iconConfig: IconConfig = {
     ],
 
     "simple-icons": [
+      "astro",
       "ebay",
       "allegro",
       "volkswagen",
@@ -291,7 +297,31 @@ export const iconConfig: IconConfig = {
 
     'system-uicons': [
       'document-justified'
+    ],
+
+    'vscode-icons': [
+      'file-type-astro',
+      'file-type-unocss',
+      'file-type-vue',
+      'file-type-typescript',
+      'file-type-node',
+      'file-type-npm'
+    ],
+
+    'streamline-freehand-color': [
+      'data-transfer-document-module',
+      'design-process-drawing-board',
+      'app-window-source-code',
+      'app-window-layout',
+      'database',
+      'module-building-blocks',
+      'layouts-array-1',
+      'archive-box',
+      'donation-charity-donate-box'
     ]
+  },
+  collections: {
+    "streamline-freehand-color": () => import("@iconify-json/streamline-freehand-color/icons.json")
   }
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spoko-design-system",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "private": false,
   "main": "./index.ts",
   "module": "./index.ts",
@@ -75,8 +75,12 @@
     "@iconify-json/octicon": "^1.2.14",
     "@iconify-json/ph": "^1.2.2",
     "@iconify-json/simple-icons": "^1.2.52",
+    "@iconify-json/streamline": "^1.2.5",
+    "@iconify-json/streamline-emojis": "^1.2.4",
+    "@iconify-json/streamline-freehand-color": "^1.2.2",
     "@iconify-json/system-uicons": "^1.2.4",
     "@iconify-json/uil": "^1.2.3",
+    "@iconify-json/vscode-icons": "^1.2.2",
     "@iconify/json": "^2.2.386",
     "@iconify/vue": "^5.0.0",
     "@playform/compress": "^0.2.0",
@@ -90,18 +94,12 @@
     "@unocss/reset": "66.5.1",
     "@vite-pwa/astro": "^1.1.0",
     "@vueuse/core": "^13.9.0",
-    "astro-i18next": "1.0.0-beta.21",
     "astro-icon": "^1.1.5",
     "astro-meta-tags": "^0.4.0",
     "astro-navbar": "^2.4.0",
     "astro-pagefind": "^1.8.5",
     "astro-remote": "^0.3.4",
     "dotenv": "^17.2.2",
-    "i18next": "^25.5.2",
-    "i18next-browser-languagedetector": "^8.2.0",
-    "i18next-fs-backend": "^2.6.0",
-    "i18next-http-backend": "^3.0.2",
-    "i18next-vue": "^5.3.0",
     "swiper": "^12.0.2",
     "unocss": "66.5.1",
     "vue": "^3.5.21"
@@ -111,11 +109,18 @@
     "@semantic-release/git": "^10.0.1",
     "@types/gtag.js": "^0.0.20",
     "@types/node": "^24.5.2",
+    "@typescript-eslint/eslint-plugin": "^8.44.1",
+    "@typescript-eslint/parser": "^8.44.1",
     "@unocss/transformer-variant-group": "66.5.1",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vue/compiler-sfc": "^3.5.21",
+    "@vue/eslint-config-typescript": "^14.6.0",
     "astro": "^5.13.10",
     "conventional-changelog-conventionalcommits": "^8.0.0",
+    "eslint": "^9.36.0",
+    "eslint-plugin-astro": "^1.3.1",
+    "eslint-plugin-vue": "^10.5.0",
+    "prettier": "^3.6.2",
     "semantic-release": "^24.2.9",
     "unocss": "^0.65.0",
     "vite": "^7.1.7"
@@ -133,7 +138,7 @@
     ]
   },
   "engines": {
-    "node": ">=18.14.1",
-    "pnpm": ">=9.15.3"
+    "node": ">=22.17.0",
+    "pnpm": ">=10.16.1"
   }
 }

package/sonar-project.properties

@@ -0,0 +1,19 @@
+sonar.projectKey=polo-blue_sds
+sonar.organization=polo-blue
+
+# This is the name and version displayed in the SonarCloud UI.
+sonar.projectName=Spoko Design System
+sonar.projectVersion=1.0.0
+
+# Path is relative to the sonar-project.properties file. Replace "\" by "/" on Windows.
+sonar.sources=src,uno-config,icon.config.ts,astro.config.mjs
+sonar.exclusions=**/node_modules/**,**/dist/**,**/*.spec.ts,**/*.test.ts,**/coverage/**,**/.astro/**
+
+# Language
+sonar.javascript.lcov.reportPaths=coverage/lcov.info
+sonar.typescript.lcov.reportPaths=coverage/lcov.info
+
+# Additional settings
+sonar.sourceEncoding=UTF-8
+sonar.javascript.file.suffixes=.js,.jsx
+sonar.typescript.file.suffixes=.ts,.tsx,.vue,.astro

package/src/components/Category/CategoriesCarousel.astro

@@ -5,7 +5,6 @@ import { getTranslatedLink } from "@utils/text/getTranslatedLink"
 import { getMainCategoryList } from "@utils/category/getMainCategoryList"
 import { Image } from 'astro:assets'
 
-import i18next, { t } from "i18next";
 const categories = await getMainCategoryList()
 const imgDomain = 'https://api.polo.blue/img/';
 
@@ -50,7 +49,7 @@ const activeIndex = activeCategorySlug && categories ? categories.map(a => a.slu
 
               <Image 
                 src={`${imgDomain}${category.photo}`} 
-                alt={t(`cat.${category.slug}.desc`).split('. ', 1)[0]}
+                alt={category.name}
                 height="70"
                 width="70"
                 format="avif"
@@ -63,7 +62,7 @@ const activeIndex = activeCategorySlug && categories ? categories.map(a => a.slu
             <div class="cat-name"
               // itemprop="name"
             >
-              { t(`cat.${category.slug}.name`) }
+              { category.name }
             </div>
           </a>
         </swiper-slide>

package/src/components/Category/CategoryDetails.astro

@@ -2,7 +2,6 @@
 import CategorySidebarToggler from './CategorySidebarToggler.vue';
 import CategoryViewToggler from './CategoryViewToggler.astro';
 import { Icon } from 'astro-icon/components';
-import { t } from "i18next";
 
 const { 
   category, 
@@ -15,7 +14,7 @@ const {
   viewerLabels 
 } = Astro.props;
 
-const baseURL = locale === 'en' ? '' : `/${locale}`;
+const baseURL = '';
 ---
 
 <div 
@@ -58,7 +57,7 @@ const baseURL = locale === 'en' ? '' : `/${locale}`;
         <span class="text-neutral-lighter text-lg inline-block px-1 font-headlight">/</span>
         {!subsubtitle ? (
           <h1 class="text-lg py-2.5 sm:py-0 whitespace-nowrap underline underline-offset-6 decoration-blue-300 decoration-0.5">
-            {subtitle} <span class="sr-only"> {t('catalog.extra-short')}</span>
+            {subtitle} <span class="sr-only"> catalog</span>
           </h1>
         ) : (
           <>
@@ -69,7 +68,7 @@ const baseURL = locale === 'en' ? '' : `/${locale}`;
             </div>
             <span class="text-neutral-lighter text-lg inline-block px-1 font-headlight">/</span>
             <h1 class="text-lg py-2.5 sm:py-0 whitespace-nowrap underline underline-offset-6 decoration-blue-300 decoration-0.5">
-              {subsubtitle} <span class="sr-only"> {t('catalog.extra-short')}</span>
+              {subsubtitle} <span class="sr-only"> catalog</span>
             </h1>
           </>
         )}
@@ -78,7 +77,7 @@ const baseURL = locale === 'en' ? '' : `/${locale}`;
       <h1 class="text-lg py-2.5 sm:py-0 whitespace-nowrap">
         {category.name}
         {titleSmall && <small>{titleSmall}</small>}
-        <span class="sr-only"> {t('catalog.extra-short')}</span>
+        <span class="sr-only"> catalog</span>
       </h1>
     )}
   </div>

package/src/components/Faq.astro

@@ -6,7 +6,6 @@
 
 	*/
 
-import {t }  from "i18next"
 import FaqItem from "../components/FaqItem.astro"
 
 interface Props {
@@ -22,7 +21,7 @@ const { questions } = Astro.props
 
 <div class="flex flex-col mt-6 mb-4 w-full px-4 md:px-0" itemscope itemtype="https://schema.org/FAQPage" >
 	<div class="mb-6 text-4xl font-headbold sm:text-4xl text-blue-802 faq-heading">
-		{t('faq.title')}
+		Frequently Asked Questions
 	</div>
 	<div class="flex flex-col divide-y dark:divide-gray-700">
 		{