test(extract-define-i18n-route): add tests for extractDefineI18nRouteData function

Author: s00d

test/examples/array-methods.vue

@@ -0,0 +1,23 @@
+<template>
+  <div>
+    <h1>{{ $t('welcome') }}</h1>
+  </div>
+</template>
+
+<script setup lang="ts">
+// Test with array methods
+const allLocales = ['en', 'de', 'fr', 'es', 'it', 'pt']
+const supportedLocales = allLocales.filter(locale =>
+  ['en', 'de', 'fr'].includes(locale),
+)
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-expect-error
+$defineI18nRoute({
+  locales: supportedLocales,
+  localeRoutes: supportedLocales.reduce((acc, locale) => {
+    acc[locale] = `/${locale === 'en' ? 'welcome' : locale === 'de' ? 'willkommen' : 'bienvenue'}`
+    return acc
+  }, {} as Record<string, string>),
+})
+</script>

test/examples/array-of-objects.vue

@@ -0,0 +1,23 @@
+<template>
+  <div>
+    <h1>{{ $t('welcome') }}</h1>
+  </div>
+</template>
+
+<script setup lang="ts">
+// Test with arrays containing objects
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-expect-error
+$defineI18nRoute({
+  locales: [
+    { code: 'en', name: 'English', flag: '🇺🇸' },
+    { code: 'de', name: 'German', flag: '🇩🇪' },
+    { code: 'fr', name: 'French', flag: '🇫🇷' },
+  ],
+  localeRoutes: {
+    en: '/welcome',
+    de: '/willkommen',
+    fr: '/bienvenue',
+  },
+})
+</script>

test/examples/arrow-functions.vue

@@ -0,0 +1,33 @@
+<template>
+  <div>
+    <h1>{{ $t('welcome') }}</h1>
+  </div>
+</template>
+
+<script setup lang="ts">
+// Test with arrow functions and chaining
+const processLocales = (rawLocales: string[]) => {
+  return rawLocales
+    .filter(locale => locale.length === 2)
+    .map(locale => locale.toLowerCase())
+    .sort()
+    .slice(0, 3)
+}
+
+const processPaths = (locales: string[]) => {
+  return locales.reduce((acc, locale) => {
+    acc[locale] = `/${locale === 'en' ? 'welcome' : locale === 'de' ? 'willkommen' : 'bienvenue'}`
+    return acc
+  }, {} as Record<string, string>)
+}
+
+const rawLocales = ['EN', 'de', 'fr', 'invalid', 'es']
+const processedLocales = processLocales(rawLocales)
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-expect-error
+$defineI18nRoute({
+  locales: processedLocales,
+  localeRoutes: processPaths(processedLocales),
+})
+</script>

test/examples/async-await.vue

@@ -0,0 +1,31 @@
+<template>
+  <div>
+    <h1>{{ $t('welcome') }}</h1>
+  </div>
+</template>
+
+<script setup lang="ts">
+// Test with async/await
+const fetchLocales = async () => {
+  return ['en', 'de', 'fr']
+}
+
+const fetchPaths = async () => {
+  return {
+    en: '/welcome',
+    de: '/willkommen',
+    fr: '/bienvenue',
+  }
+}
+
+// Note: This won't work in real scenario, but tests parsing
+const locales = await fetchLocales()
+const paths = await fetchPaths()
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-expect-error
+$defineI18nRoute({
+  locales: locales,
+  localeRoutes: paths,
+})
+</script>

test/examples/bigint-numbers.vue

@@ -0,0 +1,25 @@
+<template>
+  <div>
+    <h1>{{ $t('welcome') }}</h1>
+  </div>
+</template>
+
+<script setup lang="ts">
+// Test with BigInt and Number methods
+const localeCount = BigInt(3)
+const locales = ['en', 'de', 'fr'].slice(0, Number(localeCount))
+
+const _pathCount = Number.parseInt('3', 10)
+const localeRoutes = {
+  en: '/welcome',
+  de: '/willkommen',
+  fr: '/bienvenue',
+}
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-expect-error
+$defineI18nRoute({
+  locales: locales,
+  localeRoutes: localeRoutes,
+})
+</script>

test/examples/class-methods.vue

@@ -0,0 +1,33 @@
+<template>
+  <div>
+    <h1>{{ $t('welcome') }}</h1>
+  </div>
+</template>
+
+<script setup lang="ts">
+// Test with class and methods
+class LocaleConfig {
+  private locales: string[] = ['en', 'de', 'fr']
+
+  getLocales() {
+    return this.locales
+  }
+
+  getPaths() {
+    return {
+      en: '/welcome',
+      de: '/willkommen',
+      fr: '/bienvenue',
+    }
+  }
+}
+
+const config = new LocaleConfig()
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-expect-error
+$defineI18nRoute({
+  locales: config.getLocales(),
+  localeRoutes: config.getPaths(),
+})
+</script>

test/examples/complex-comments.vue

@@ -0,0 +1,29 @@
+<template>
+  <div>
+    <h1>{{ $t('welcome') }}</h1>
+  </div>
+</template>
+
+<script setup lang="ts">
+/*
+ * Multi-line comment block
+ * This is a complex configuration
+ * with multiple locales and paths
+ */
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-expect-error
+$defineI18nRoute({
+  // Single line comment for locales
+  locales: [
+    'en', // English
+    'de', // German
+    'fr', // French
+  ],
+  /* Multi-line comment for localeRoutes */
+  localeRoutes: {
+    en: '/welcome', // Welcome page
+    de: '/willkommen', // Willkommen page
+    fr: '/bienvenue', // Bienvenue page
+  },
+})
+</script>

test/examples/complex-nested-objects.vue

@@ -0,0 +1,33 @@
+<template>
+  <div>
+    <h1>{{ $t('welcome') }}</h1>
+  </div>
+</template>
+
+<script setup lang="ts">
+// Test with complex nested objects
+const config = {
+  locales: {
+    'en-us': {
+      path: '/welcome',
+      meta: {
+        title: 'Welcome',
+        description: 'Welcome to our site',
+        keywords: ['welcome', 'home', 'main'],
+      },
+    },
+    'de-de': {
+      path: '/willkommen',
+      meta: {
+        title: 'Willkommen',
+        description: 'Willkommen auf unserer Website',
+        keywords: ['willkommen', 'startseite', 'hauptseite'],
+      },
+    },
+  },
+}
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-expect-error
+$defineI18nRoute(config)
+</script>

test/examples/complex-nested.vue

@@ -0,0 +1,33 @@
+<template>
+  <div>
+    <h1>{{ $t('welcome') }}</h1>
+  </div>
+</template>
+
+<script setup lang="ts">
+// Complex object with nested structure
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-expect-error
+$defineI18nRoute({
+  locales: {
+    'en-us': {
+      path: '/welcome',
+      meta: {
+        title: 'Welcome',
+      },
+    },
+    'de-de': {
+      path: '/willkommen',
+      meta: {
+        title: 'Willkommen',
+      },
+    },
+    'ru-ru': {
+      path: '/dobro-pozhalovat',
+      meta: {
+        title: 'Добро пожаловать',
+      },
+    },
+  },
+})
+</script>

test/examples/computed-property-names.vue

@@ -0,0 +1,22 @@
+<template>
+  <div>
+    <h1>{{ $t('welcome') }}</h1>
+  </div>
+</template>
+
+<script setup lang="ts">
+// Test with computed property names
+const locale = 'en'
+const path = 'welcome'
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-expect-error
+$defineI18nRoute({
+  locales: [locale, 'de', 'fr'],
+  localeRoutes: {
+    [locale]: `/${path}`,
+    de: '/willkommen',
+    fr: '/bienvenue',
+  },
+})
+</script>