itube-specs 0.0.998 → 0.0.1001

package/components/card/channel.vue

@@ -93,15 +93,18 @@ type InfoItem = {
   icon: string
 }
 
+const featureFlags = useRuntimeConfig().public.featureFlags;
+
 const infoItems = computed<InfoItem[]>(() => [
   {
     text: props.card.videosCount,
     icon: 'video-camera'
   },
-  {
-    text: n(95000, 'compact'), // TODO тестовое
+  // число подписчиков — заглушка, ручки нет: живёт вместе с подписками
+  ...(featureFlags.FeatureFollowEnabled ? [{
+    text: n(95000, 'compact'),
     icon: 'double-user'
-  },
+  }] : []),
   {
     text: formatDate(props.card.updated),
     icon: 'date'

package/components/card/model-mini.vue

@@ -52,8 +52,9 @@ const props = defineProps<{
   card: IModelCard
 }>();
 
-const fallbackImage = '/img/model-placeholder-square.webp';
-const fallbackAvifImage = '/img/model-placeholder-square.avif';
+const placeholder = useModelPlaceholder()(props.card.gender, 'square');
+const fallbackImage = placeholder.webp;
+const fallbackAvifImage = placeholder.avif;
 const imageError = ref(false);
 
 /** Аватар 48px круглый — нужен квадратный кроп, вертикальный портрет сюда не годится. */

package/components/card/model.vue

@@ -98,8 +98,9 @@ const { t } = useI18n();
  */
 const SIZES = 'auto, (max-width: 449px) 50vw, (max-width: 1385px) 215px, 250px';
 
-const fallbackImage = '/img/model-placeholder-portrait.webp';
-const fallbackAvifImage = '/img/model-placeholder-portrait.avif';
+const placeholder = useModelPlaceholder()(props.card.gender, 'portrait');
+const fallbackImage = placeholder.webp;
+const fallbackAvifImage = placeholder.avif;
 const imageError = ref(false);
 
 const isFallback = computed(() => imageError.value || !props.card.primaryImageUrl);

package/components/card/playlist.vue

@@ -172,6 +172,7 @@
               </template>
               <template v-else>
                 <button
+                  v-if="featureFlags.FeatureFollowEnabled"
                   :class="className"
                   type="button"
                   @click="toggleFollow(card.id, card.name)"
@@ -257,6 +258,8 @@ const userProfileData = computed(() => useState<IProfileData>('profileData').val
 
 const { isAuthorized } = useUser(AuthorizationApiService);
 
+const featureFlags = useRuntimeConfig().public.featureFlags;
+
 const { isFollowing, toggleFollow, toggle } = usePlaylistFollow();
 
 const { openPlaylistEdit } = usePlaylistEdit();

package/components/card/round.vue

@@ -63,7 +63,11 @@ const { generateLink } = useGenerateLink();
 /** `--card-round-size`: 80px до sm, 96px дальше. `auto` впереди — см. `UiImg`. */
 const SIZES = `auto, (max-width: ${CSS_BREAKPOINTS.sm - 1}px) 80px, 96px`;
 
-const fallbackImage = props.placeholderAvatar;
+// У карточек моделей есть `gender` (пусть и пустой) — им заглушка по полу и нише, остальным — из пропа.
+const modelFallback = props.card.gender === undefined
+  ? null
+  : useModelPlaceholder()(props.card.gender, 'square');
+const fallbackImage = modelFallback?.webp || props.placeholderAvatar;
 const imageError = ref(false);
 
 const isFallback = computed(() => imageError.value || !props.card.primaryImageUrl);
@@ -73,7 +77,7 @@ const currentImage = computed(() => (
 ));
 
 const currentAvifSrc = computed(() => (
-  isFallback.value ? props.placeholderAvatarAvif : props.card.primaryImageAvifUrl
+  isFallback.value ? modelFallback?.avif || props.placeholderAvatarAvif : props.card.primaryImageAvifUrl
 ));
 
 function onImageError() {

package/components/card/webcam/index.vue

@@ -233,11 +233,7 @@ const ageFilterUrl = computed(() => {
 
 const webcamsPath = useWebcamsPath();
 
-const nichePath = computed(() => {
-  const niche = NicheHelper.getSiteDefaultNiche();
-
-  return niche && niche !== 'straight' ? `/${niche}` : '';
-});
+const nichePath = computed(() => NicheHelper.getNichePath());
 
 // Короткая форма («США», а не «Соединенные Штаты») теперь дефолт утилиты — своего
 // вызова ICU карточке больше не надо

package/components/info/model.vue

@@ -151,19 +151,19 @@ const props = defineProps<{
 const { t, locale } = useI18n();
 
 const featureFlags = useRuntimeConfig().public.featureFlags;
+const placeholderOf = useModelPlaceholder();
 
 const KNOWN_ICONS = ['facebook', 'instagram', 'tiktok', 'twitter', 'x', 'youtube', 'snapchat'];
 
-const PLACEHOLDER = '/img/model-placeholder-portrait.webp';
-const PLACEHOLDER_AVIF = '/img/model-placeholder-portrait.avif';
+const placeholder = computed(() => placeholderOf(props.card.gender, 'portrait'));
 
 /** `.info-model__img` — 160px до sm, 240px дальше. `auto` впереди — см. `UiImg`. */
 const IMG_SIZES = `auto, (max-width: ${CSS_BREAKPOINTS.sm - 1}px) 160px, 240px`;
 
 const imageError = ref(false);
 const isFallback = computed(() => imageError.value || !props.card.portraitImg);
-const currentImage = computed(() => (isFallback.value ? PLACEHOLDER : props.card.portraitImg));
-const currentAvifSrc = computed(() => (isFallback.value ? PLACEHOLDER_AVIF : props.card.portraitAvifUrl));
+const currentImage = computed(() => (isFallback.value ? placeholder.value.webp : props.card.portraitImg));
+const currentAvifSrc = computed(() => (isFallback.value ? placeholder.value.avif : props.card.portraitAvifUrl));
 
 const socialItems = computed<ILinkItem[]>(() => (
   Object.entries(props.card.social || {}).map(([key, value]) => ({

package/components/layout/footer.vue

@@ -6,7 +6,14 @@
 
     <div class="layout-footer__footer">
       <LayoutLogo class="layout-footer__logo" />
-      <LayoutFooterLanguage />
+      <div
+        v-if="hasNiches"
+        class="layout-footer__middle"
+      >
+        <LayoutNiche class="layout-footer__niche" />
+        <LayoutFooterLanguage />
+      </div>
+      <LayoutFooterLanguage v-else />
       <p class="layout-footer__copyright">{{ copyrightText }}</p>
     </div>
   </footer>
@@ -14,6 +21,7 @@
 
 <script setup lang="ts">
 const copyrightText = useAppConfig().copyrightText;
+const hasNiches = ((useAppConfig().niches as string[] | undefined) || []).length > 1;
 
 const { t } = useI18n();
 </script>
@@ -47,6 +55,27 @@ $breakpoint-footer: sm;
   }
 }
 
+.layout-footer__middle {
+  display: flex;
+  flex-direction: column;
+  row-gap: 16px;
+  align-items: center;
+
+  @include from-br($breakpoint-footer) {
+    flex-direction: row;
+    column-gap: 24px;
+    margin: 0 auto;
+  }
+}
+
+.layout-footer__niche .layout-niche__list {
+  @include from-br($breakpoint-footer) {
+    top: -8px;
+    bottom: auto;
+    transform: translateY(-100%);
+  }
+}
+
 .layout-footer__copyright {
   @include font-xs;
 

package/components/layout/header-user.vue

@@ -43,7 +43,7 @@
             class="layout-header-user__links-wrapper"
           >
             <template
-              v-for="(item, index) in profileNavigationItems.filter(item => item.group === group)"
+              v-for="(item, index) in navItems.filter(item => item.group === group)"
               :key="`profile-link-${index}`"
             >
               <component
@@ -136,7 +136,9 @@ function showMenu() {
   isMenuShow.value = !isMenuShow.value;
 }
 
-const groupsCount = computed(() => new Set(profileNavigationItems.map(item => item.group)).size);
+const featureFlags = useRuntimeConfig().public.featureFlags as Record<string, boolean | undefined>;
+const navItems = profileNavigationItems.filter(item => !item.featureFlag || featureFlags[item.featureFlag]);
+const groupsCount = computed(() => new Set(navItems.map(item => item.group)).size);
 
 function component(hasChild: boolean | undefined) {
   if (hasChild) {

package/components/layout/header.vue

@@ -15,7 +15,10 @@
       icon-size="20"
     />
 
-    <LayoutNotifications class="layout-header__notifications"/>
+    <LayoutNotifications
+      v-if="featureFlags.FeatureFollowEnabled"
+      class="layout-header__notifications"
+    />
 
     <div
       ref="languageRef"
@@ -91,6 +94,7 @@ import { AuthSteps } from '../../runtime';
 import { AuthorizationApiService } from '../../services/api/authorization.service';
 
 const { locale } = useI18n();
+const featureFlags = useRuntimeConfig().public.featureFlags;
 
 const burgerShow = ref(false);
 const showLanguage = ref(false);

package/components/layout/language.vue

@@ -207,8 +207,11 @@ const emit = defineEmits<{
 
 const localeCookie = useCookie('i18n_redirected', { path: '/', secure: true, sameSite: 'lax' as const });
 
+const { rememberLangChoice } = useLangChoice();
+
 function changeLocale(locale: string) {
   emit('change', locale);
+  rememberLangChoice(locale);
   localeCookie.value = locale;
   window.location.href = switchLocalePath(locale);
 }

package/components/player/interface.vue

@@ -10,6 +10,7 @@
       />
       <div class="player-interface__wrapper">
         <button
+          v-if="featureFlags.FeatureFavoritesEnabled"
           :class="{'--favorite': isFavorite}"
           :aria-pressed="isFavorite"
           type="button"
@@ -106,6 +107,7 @@ const props = defineProps<{
 }>();
 
 const { t } = useI18n();
+const featureFlags = useRuntimeConfig().public.featureFlags;
 
 const showDescription = ref(false);
 const descriptionTextRef = ref<HTMLParagraphElement>();

package/components/search/item.vue

@@ -42,9 +42,10 @@ const props = defineProps<{
 }>();
 
 /** Иконка 32px — квадратный кроп по лицу, если он есть в ответе. */
+const placeholder = useModelPlaceholder()(props.item?.gender, 'square');
 const icon = computed(() => ({
-  webp: props.item?.imageUrl || '/img/model-placeholder-square.webp',
-  avif: props.item?.imageUrl ? props.item.imageAvifUrl : '/img/model-placeholder-square.avif',
+  webp: props.item?.imageUrl || placeholder.webp,
+  avif: props.item?.imageUrl ? props.item.imageAvifUrl : placeholder.avif,
 }));
 
 const title = computed(() => props.item?.title?.replace(/<[^>]*>/g, ''));

package/components/search/result.vue

@@ -145,6 +145,7 @@ const topModels = computed(() => {
     videosCount: item.videosCount,
     imageUrl: item.primaryImageSmallUrl,
     imageAvifUrl: item.primaryImageSmallAvifUrl,
+    gender: item.gender,
   })) || [];
 });
 

package/components/section/categories-island.server.vue

@@ -15,13 +15,17 @@
 
 <script setup lang="ts">
 import { CategoriesApiService } from '../../services/api/categories.service';
-import { AsyncData } from '../../runtime';
+import { AsyncData, type Niche } from '../../runtime';
 
-defineProps<{
+const props = defineProps<{
   footerText?: string
   footerLinksLink?: string
+  /** Ниша страницы — только у сайтов с несколькими нишами: у island свой контекст без стейта ниши. */
+  niche?: Niche
 }>();
 
+if (props.niche) useState<Niche>('niche').value = props.niche;
+
 const { t } = useI18n();
 
 const { data } = await useFetchCategoriesGroupByLetter(

package/components/ui/pagination.vue

@@ -146,6 +146,8 @@ const props = withDefaults(defineProps<{
   perPage?: number | string
   limit?: number
   arrowIcon?: boolean
+  /** путь, на котором живут страницы пагинации; по умолчанию — текущий */
+  basePath?: string
 }>(), {
   prefix: 'page',
   perPage: 48,
@@ -181,15 +183,15 @@ watchEffect(() => {
 });
 
 function linkTo(value: string | number) {
-  return getPaginationLink(value, props.prefix, route.path, route.query);
+  return getPaginationLink(value, props.prefix, props.basePath || route.path, route.query);
 }
 
 watch(() => route.query['page'], () => {
   document.documentElement.querySelector('#anchor')?.scrollIntoView({ behavior: 'instant' });
 });
 
-// canonical/hreflang выпускает app.vue — отсюда уходит только факт, который знает лишь пагинация
-useSetSeoOverride(() => ({ alonePage: props.total === 1 }));
+// canonical/hreflang/prev/next выпускает app.vue — отсюда уходят факты, которые знает лишь пагинация
+useSetSeoOverride(() => ({ alonePage: props.total === 1, totalPages: length.value, paginationPath: props.basePath || undefined }));
 </script>
 
 <style lang="scss">

package/components/view/model-videos.vue

@@ -90,8 +90,6 @@
       v-if="similarModels && similarModels.length > 0"
       :items="modelsRoundCards"
       :title="$t('similar_models')"
-      placeholder-avatar="/img/model-placeholder-square.webp"
-      placeholder-avatar-avif="/img/model-placeholder-square.avif"
       class="view-model-videos__other-models"
       hydrate-on-visible
     />

package/components/view/models.vue

@@ -6,8 +6,6 @@
         v-if="topCards.length >= MINIMUM_TOP_THUMBS"
         :items="topCards"
         class="view-models__popular"
-        placeholder-avatar="/img/model-placeholder-square.webp"
-        placeholder-avatar-avif="/img/model-placeholder-square.avif"
         only-grid
       />
 

package/components/view/video.vue

@@ -91,8 +91,6 @@
       :items="modelsRoundCards"
       :title="$t('related_models')"
       class="view-video__popular-models"
-      placeholder-avatar="/img/model-placeholder-square.webp"
-      placeholder-avatar-avif="/img/model-placeholder-square.avif"
       hydrate-on-visible
     />
 
@@ -205,13 +203,17 @@ const topChips = computed(() => {
 const topChipsStrings = computed(() => topChips.value?.map(item => item.value));
 
 /** Портрет в чипсе — квадратный кроп по лицу; своего у видео нет, его подмешивает BFF. */
+const placeholderOf = useModelPlaceholder();
+
 function getModelChips(model: IVideoData['models'][number]): IChipsItem {
+  const placeholder = placeholderOf(model.gender, 'square');
+
   return {
     prefix: '/models',
     value: model.title,
     title: model.title,
-    image: model.imageUrl || '/img/model-placeholder-square.webp',
-    imageAvif: model.imageUrl ? model.imageAvifUrl : '/img/model-placeholder-square.avif',
+    image: model.imageUrl || placeholder.webp,
+    imageAvif: model.imageUrl ? model.imageAvifUrl : placeholder.avif,
   };
 }
 </script>

package/components/view/videos.vue

@@ -49,8 +49,6 @@
         :all-link-text="$t('show_all_models')"
         :header-link-text-short="$t('all_models')"
         class="view-videos__popular-models"
-        placeholder-avatar="/img/model-placeholder-square.webp"
-        placeholder-avatar-avif="/img/model-placeholder-square.avif"
         hydrate-on-visible
       />
     </GridVideos>
@@ -75,6 +73,7 @@
       v-if="!hideCategories && isFirstPage"
       :footer-text="footerText"
       :footer-links-link="footerLinksLink"
+      v-bind="islandNicheProps"
     />
   </div>
 </template>
@@ -90,6 +89,7 @@ import type {
 import { convertModelToRoundCard } from '../../runtime';
 
 const featureFlags = useRuntimeConfig().public.featureFlags;
+const islandNicheProps = useIslandNicheProps();
 
 const props = defineProps<{
   data: PaginatedResponse<IVideoCard> | undefined

package/components/webcam/header.vue

@@ -40,8 +40,8 @@ defineProps<{
 const { t, te } = useI18n();
 
 const webcamsConfig = computed(() => (useRuntimeConfig().public.webcamsConfig || {}) as IWebcamsConfig);
-const niche = computed(() => NicheHelper.getSiteDefaultNiche() || 'straight');
-const nichePath = computed(() => (niche.value === 'straight' ? '' : `/${niche.value}`));
+const niche = computed(() => NicheHelper.getCurrentNiche() || 'straight');
+const nichePath = computed(() => NicheHelper.getNichePath(niche.value));
 
 /**
  * Заголовок нишевый: у straight — общий, у остальных ниш берём собственный ключ

package/components/webcam/stripcash-card.vue

@@ -46,7 +46,7 @@ const emit = defineEmits<{
 }>();
 
 const webcamsConfig = computed(() => (useRuntimeConfig().public.webcamsConfig || {}) as IWebcamsConfig);
-const niche = computed(() => NicheHelper.getSiteDefaultNiche() || 'straight');
+const niche = computed(() => NicheHelper.getCurrentNiche() || 'straight');
 
 /** Маппинг полей Stripcash → нормализованная модель. */
 const normalized = computed<IWebcamModel>(() => {

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

@@ -1,5 +1,5 @@
 // @vitest-environment nuxt
-import { describe, it, expect, beforeEach } from 'vitest';
+import { describe, it, expect, beforeEach, afterEach } from 'vitest';
 import { mockNuxtImport } from '@nuxt/test-utils/runtime';
 import { useSeoLinks } from '../use-seo-links';
 import { useSeoOverridesState } from '../use-seo-overrides';
@@ -174,4 +174,65 @@ describe('useSeoLinks', () => {
     expect(canonicalUrl.value).toContain('categories=teen');
     expect(canonicalUrl.value).not.toContain('foo');
   });
+
+  it('prev/next по totalPages из пагинации', () => {
+    mockRoute = { path: '/videos', query: { page: '2', sort: 'popular' } };
+    useSeoOverridesState().value = { path: '/videos', totalPages: 3 };
+    const { paginationLinks } = useSeoLinks('https://example.com', mockI18n, mockLocalePath);
+    expect(paginationLinks.value.map(l => [l.rel, l.href])).toEqual([
+      ['prev', 'https://example.com/videos?sort=popular'],
+      ['next', 'https://example.com/videos?sort=popular&page=3'],
+    ]);
+  });
+
+  it('без пагинации prev/next нет', () => {
+    const { paginationLinks } = useSeoLinks('https://example.com', mockI18n, mockLocalePath);
+    expect(paginationLinks.value).toEqual([]);
+  });
+});
+
+describe('useSeoLinks — локали на поддоменах', () => {
+  const locales = useRuntimeConfig().public.locales;
+
+  beforeEach(() => {
+    mockRoute = { path: '/gay/videos', query: { page: '2', sort: 'popular' } };
+    mockI18n.locale.value = 'ja';
+    useSeoOverridesState().value = null;
+    useEnabledLanguageCodes().value = [];
+    locales.subdomains = { fr: 'fr', de: 'de', ja: 'jp', zh: 'ch' };
+    useRuntimeConfig().public.seo = { canonicalParams: ['page'] };
+  });
+
+  afterEach(() => {
+    locales.subdomains = {};
+    useRuntimeConfig().public.seo = {};
+  });
+
+  it('canonical на домене текущей локали, путь без префикса', () => {
+    const { canonicalUrl } = useSeoLinks('https://example.com', mockI18n, mockLocalePath);
+    expect(canonicalUrl.value).toBe('https://jp.example.com/gay/videos?page=2');
+  });
+
+  it('hreflang — тот же путь на доменах локалей, x-default на базовом', () => {
+    const { alternateLinks } = useSeoLinks('https://example.com', mockI18n, mockLocalePath);
+    const byLang = Object.fromEntries(alternateLinks.value.map(l => [l.hreflang, l.href]));
+    expect(byLang['zh-CN']).toBe('https://ch.example.com/gay/videos?page=2');
+    expect(byLang['en']).toBe('https://example.com/gay/videos?page=2');
+    expect(byLang['x-default']).toBe('https://example.com/gay/videos?page=2');
+  });
+
+  it('canonicalLocale уводит на домен указанной локали', () => {
+    useSeoOverridesState().value = { path: '/gay/videos', canonicalLocale: 'en' };
+    const { canonicalUrl } = useSeoLinks('https://example.com', mockI18n, mockLocalePath);
+    expect(canonicalUrl.value).toBe('https://example.com/gay/videos?page=2');
+  });
+
+  it('prev/next на домене текущей локали и на пути пагинации', () => {
+    useSeoOverridesState().value = { path: '/gay/videos', totalPages: 5, paginationPath: '/gay/videos/popular' };
+    const { paginationLinks } = useSeoLinks('https://example.com', mockI18n, mockLocalePath);
+    expect(paginationLinks.value.map(l => l.href)).toEqual([
+      'https://jp.example.com/gay/videos/popular',
+      'https://jp.example.com/gay/videos/popular?page=3',
+    ]);
+  });
 });

package/composables/fetch/use-fetch-aside-models.ts

@@ -82,9 +82,11 @@ export const useFetchAsideModels = async (
   }));
 
   // Кому роликов хватило — тот в колонке; остальные остаются чипсами над плеером.
-  watchEffect(() => {
-    shown.value = models.filter(model => model.videos.value.length).map(model => model.slug);
-  });
+  // Присваиваем сразу, а не эффектом: список читают при рендере (сайт решает по нему,
+  // рисовать ли чипсу модели), и реактивная запись пересчитывала бы разметку уже во
+  // время гидрации — она расходилась с серверной. Выдача к этому моменту получена и на
+  // сервере, и на клиенте (приезжает в payload), так что значение готово.
+  shown.value = models.filter(model => model.videos.value.length).map(model => model.slug);
 
   return models;
 };

package/composables/fetch/use-fetch-models-count.ts

@@ -8,7 +8,7 @@ import { ModelsApiService } from '../../services/api/models.service';
  */
 export const useFetchModelsCount = async () => {
   const lang = useLang() as Language;
-  const niche = NicheHelper.getSiteDefaultNiche();
+  const niche = NicheHelper.getCurrentNiche();
 
   const { data } = await useAsyncData(
     `models-count-${niche}-${lang}`,

package/composables/fetch/use-fetch-webcams.ts

@@ -26,7 +26,7 @@ export const useFetchWebcams = async (options: {
   const { limit = config?.limit || WEBCAMS_DEFAULTS.limit, category, clientOnly, keepAlive } = options;
   const isEnabled = !!useRuntimeConfig().public.featureFlags.FeatureWebcamsEnabled;
   const { locale } = useI18n();
-  const niche = NicheHelper.getSiteDefaultNiche();
+  const niche = NicheHelper.getCurrentNiche();
 
   /** Ключ фетча: он же адрес общего списка моделей для проверки живости. */
   const cacheKey = `webcams-${limit}-${category || 'all'}-${niche}-${locale.value}`;

package/composables/use-generate-link.ts

@@ -1,4 +1,5 @@
 import type { Language, Niche } from '../runtime';
+import { nicheSlug, type NicheSlugs } from '../config/niches';
 import { NicheHelper } from '../utils/niche-helper';
 
 /** Возвращает generateLink — генерирует путь с учётом текущей ниши и локали. */
@@ -8,23 +9,27 @@ export const useGenerateLink = () => {
 
   /**
    * Генерирует путь с учетом ниши и локали
-   * @param path - относительный путь (например: '/videos/abc123')
+   * @param path - относительный путь (например: '/videos/abc123'); абсолютный URL отдаётся как есть
    * @param localeArg - локаль
    * @returns string - корректный путь для <NuxtLink> и navigateTo()
    */
   const generateLink = (path: string, localeArg?: Language): string => {
+    if (/^https?:\/\//.test(path)) return path;
+
     const cleanPath = path.startsWith('/') ? path : `/${path}`;
 
     // Ниша сайта — из окружения (тем же значением уходит в заголовок X-Niche),
-    // список ниш — из per-site конфига проекта.
+    // список ниш и общие для всех ниш разделы — из per-site конфига проекта.
     const defaultNiche = NicheHelper.getSiteDefaultNiche();
-    const projectNiches = useAppConfig().niches as Niche[];
-    const isOneNiche = projectNiches.length === 1;
+    const appConfig = useAppConfig();
+    const isOneNiche = (appConfig.niches as Niche[]).length === 1;
+    const nicheFreeRoots = (appConfig.nicheFreeRoots as string[] | undefined) || [];
+    const isNicheFree = nicheFreeRoots.some(root => cleanPath === root || cleanPath.startsWith(`${root}/`));
 
     const withNiche =
-      niche.value === defaultNiche || isOneNiche
+      !niche.value || niche.value === defaultNiche || isOneNiche || isNicheFree
         ? cleanPath
-        : `/${niche.value}${cleanPath}`;
+        : `/${nicheSlug(niche.value, appConfig.nicheSlugs as NicheSlugs | undefined)}${cleanPath}`;
 
     const locale = localeArg || undefined;
     return localePath(withNiche, locale);

package/composables/use-lang-choice.ts

@@ -0,0 +1,32 @@
+import { LANG_COOKIE, baseDomainFromHost, hasLocaleSubdomains, type LocaleSubdomains } from '../config/locale-domains';
+
+/**
+ * Явный выбор языка на сайтах с локалями на поддоменах. Пишет cookie `lang` (значение — поддомен
+ * локали, у дефолтной пусто) на `.<базовый домен>`, иначе её не видно с соседних поддоменов. По ней
+ * server/middleware/locale-redirect.ts перестаёт уводить по языку браузера. У префиксных локалей —
+ * no-op: там выбор помнит cookie `i18n_redirected`.
+ */
+export const useLangChoice = () => {
+  const subdomains = useRuntimeConfig().public.locales.subdomains as LocaleSubdomains;
+
+  function rememberLangChoice(code: string) {
+    if (!import.meta.client || !hasLocaleSubdomains(subdomains)) return;
+
+    const base = baseDomainFromHost(window.location.host, subdomains);
+    const isLocalhost = /^localhost(?::\d+)?$|^\d+\.\d+\.\d+\.\d+/.test(base);
+
+    const parts = [
+      `${LANG_COOKIE}=${subdomains[code] || ''}`,
+      'path=/',
+      `max-age=${60 * 60 * 24 * 365}`,
+      'samesite=lax',
+    ];
+    // на localhost domain-атрибут с точкой браузеры отбрасывают
+    if (!isLocalhost) parts.push(`domain=.${base}`);
+    if (window.location.protocol === 'https:') parts.push('secure');
+
+    document.cookie = parts.join('; ');
+  }
+
+  return { rememberLangChoice };
+};