itube-specs 0.0.840 → 0.0.841

package/components/layout/footer-language.vue

@@ -66,7 +66,7 @@ function handler() {
   isMenuShow.value = !isMenuShow.value;
 }
 
-const enabledLocales = useState('enabledLocales');
+const enabledLocales = useEnabledLocales();
 
 const localeName = computed(() => locales.value.find(item => item.code === locale.value)?.name || 'English');
 

package/components/layout/language.vue

@@ -120,8 +120,6 @@ defineProps<{
 }>();
 
 const countriesItems = useState<ISelectItem[]>('countriesItems', () => []);
-const enabledLanguageCodesState = useState<string[]>('enabledLanguageCodes', () => []);
-
 const clientCountryCode = useState<string>('clientCountryCode', () => '');
 
 const clientCountryIcon = computed(() => {
@@ -146,13 +144,6 @@ const filteredCountries = computed(() => {
   return countriesItems.value.filter(item => item.title.toLowerCase().includes(query));
 });
 
-if (!enabledLanguageCodesState.value.length) {
-  const { data: enabledLanguageCodes } = await useFetch<string[]>('/bff/site/languages', { default: () => [] });
-  if (enabledLanguageCodes.value?.length) {
-    enabledLanguageCodesState.value = enabledLanguageCodes.value;
-  }
-}
-
 const isCountryLoading = ref(false);
 
 // Список стран не приходит в payload (см. plugins/countries.server.ts) — догружаем
@@ -178,13 +169,7 @@ function onCountryToggle(e: Event) {
   if (isCountryOpen.value) loadCountries();
 }
 
-const enabledLocales = useState('enabledLocales', () => locales.value);
-
-watch(enabledLanguageCodesState, (codes) => {
-  enabledLocales.value = codes?.length
-      ? locales.value.filter(item => codes.includes(item.code))
-      : locales.value;
-}, { immediate: true });
+const enabledLocales = useEnabledLocales();
 
 const selectedLocale = ref(locale.value);
 

package/composables/__tests__/use-seo-links.test.ts

@@ -3,6 +3,7 @@ import { describe, it, expect, beforeEach } from 'vitest';
 import { mockNuxtImport } from '@nuxt/test-utils/runtime';
 import { useSeoLinks } from '../use-seo-links';
 import { useSeoOverridesState } from '../use-seo-overrides';
+import { useEnabledLanguageCodes } from '../use-enabled-locales';
 
 let mockRoute = { path: '/videos', query: {} as Record<string, any> };
 
@@ -23,6 +24,7 @@ describe('useSeoLinks', () => {
     mockRoute = { path: '/videos', query: {} };
     mockI18n.locale.value = 'en';
     useSeoOverridesState().value = null;
+    useEnabledLanguageCodes().value = [];
   });
 
   it('canonical URL', () => {
@@ -63,6 +65,26 @@ describe('useSeoLinks', () => {
     expect(hreflangs).toContain('x-default');
   });
 
+  it('alternate links только для включённых на сайте локалей', () => {
+    useEnabledLanguageCodes().value = ['en', 'fr'];
+    const { alternateLinks } = useSeoLinks('https://example.com', mockI18n, mockLocalePath);
+    const hreflangs = alternateLinks.value.map(l => l.hreflang);
+    expect(hreflangs).toContain('en');
+    expect(hreflangs).toContain('fr');
+    expect(hreflangs).toContain('x-default');
+    expect(hreflangs).not.toContain('de');
+    expect(hreflangs).not.toContain('ja-JP');
+    expect(hreflangs).not.toContain('zh-CN');
+  });
+
+  it('текущая локаль остаётся в alternate, даже если её нет в списке включённых', () => {
+    mockRoute = { path: '/ja/videos', query: {} };
+    mockI18n.locale.value = 'ja';
+    useEnabledLanguageCodes().value = ['en', 'fr'];
+    const { alternateLinks } = useSeoLinks('https://example.com', mockI18n, mockLocalePath);
+    expect(alternateLinks.value.map(l => l.hreflang)).toContain('ja-JP');
+  });
+
   it('ja маппится в ja-JP', () => {
     const { alternateLinks } = useSeoLinks('https://example.com', mockI18n, mockLocalePath);
     const jaLink = alternateLinks.value.find(l => l.hreflang === 'ja-JP');

package/composables/use-enabled-locales.ts

@@ -0,0 +1,17 @@
+/**
+ * Коды локалей, реально включённых на сайте. Заполняет plugins/enabled-locales.server.ts,
+ * значение уезжает в payload. Пустой список = данных нет, потребители используют все локали.
+ */
+export const useEnabledLanguageCodes = () => useState<string[]>('enabledLanguageCodes', () => []);
+
+/**
+ * Локали i18n, отфильтрованные по включённым на сайте — для переключателей языка и hreflang.
+ */
+export const useEnabledLocales = () => {
+    const { locales } = useI18n();
+    const codes = useEnabledLanguageCodes();
+
+    return computed(() => codes.value.length
+        ? locales.value.filter(item => codes.value.includes(item.code))
+        : locales.value);
+};

package/composables/use-seo-links.ts

@@ -15,6 +15,7 @@ type LocalePathMock = (path: string, localeCode: string) => string;
 export const useSeoLinks = (baseDomain: string, i18n: I18nMock, localePath: LocalePathMock) => {
     const route = useRoute();
     const overrides = useSeoOverrides();
+    const enabledCodes = useEnabledLanguageCodes();
 
     const allowedParams: string[] = ['page', 'sort', 'categories'];
     const createUrlWithParams = (path: string) => {
@@ -77,10 +78,14 @@ export const useSeoLinks = (baseDomain: string, i18n: I18nMock, localePath: Loca
             });
         }
 
+        // локаль, выключенная на сайте, отдаёт 404 (server/middleware/locale-guard.ts) —
+        // такие hreflang вели бы на несуществующие страницы
+        const isEnabled = (code: string) => !enabledCodes.value.length || enabledCodes.value.includes(code);
+
         const otherLocales = i18n.locales.value.filter(
             (locale) => {
                 const localeCode = typeof locale === 'string' ? locale : locale.code;
-                return localeCode !== currentLocaleCode && localeCode !== 'en';
+                return localeCode !== currentLocaleCode && localeCode !== 'en' && isEnabled(localeCode);
             }
         );
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "itube-specs",
   "type": "module",
-  "version": "0.0.840",
+  "version": "0.0.841",
   "main": "./nuxt.config.ts",
   "types": "./types/index.d.ts",
   "scripts": {

package/plugins/enabled-locales.server.ts

@@ -0,0 +1,20 @@
+// SSR-плагин: кладёт коды реально включённых на сайте локалей в useState('enabledLanguageCodes').
+// Нужен, чтобы hreflang в app.vue и переключатели языков не предлагали локали, на которые
+// server/middleware/locale-guard.ts отдаёт 404. Раньше список тянул только layout/language.vue,
+// а он рендерится лениво по клику — на SSR не выполнялся никогда.
+// Эндпоинт читает статический SiteDataService и сам падает обратно на runtimeConfig.public.locales.
+export default defineNuxtPlugin({
+  parallel: true,
+  async setup() {
+    const codes = useEnabledLanguageCodes();
+    if (codes.value.length) return;
+
+    try {
+      const languages = await $fetch<string[]>('/api/site/languages');
+      if (languages?.length) codes.value = languages;
+    }
+    catch {
+      // оставляем пустым — потребители падают обратно на полный список локалей
+    }
+  },
+});