<template>
  <q-markdown
    :src="markdownContent"
    no-heading-anchor-links
    linkify 
  />
</template>

<script setup lang="ts">
  import { computed } from 'vue'

  const props = defineProps({
    locale: {
      type: String,
      required: true
    },
    documentName: {
      type: String,
      required: true
    }
  })

  // Импорт всех Markdown-файлов как raw-строк
  const mdFiles = import.meta.glob('assets/docs/*.md', {
    query: '?raw',
    import: 'default',
    eager: true
  })

  const markdownContent = computed(() => {
    const baseLang = props.locale.split('-')[0].toLowerCase()
    
    // Формируем имена файлов
    const localizedFileName = `${props.documentName}_${baseLang}.md`
    const fallbackFileName = `${props.documentName}_en.md`
    
    // Находим пути к файлам
    const filePaths = Object.keys(mdFiles)
    const localizedPath = filePaths.find(path => path.endsWith(localizedFileName))
    const fallbackPath = filePaths.find(path => path.endsWith(fallbackFileName))
    
    // Возвращаем контент в порядке приоритета
    if (localizedPath) return mdFiles[localizedPath]
    if (fallbackPath) return mdFiles[fallbackPath]
    
    return `# Document load error\n> Missing files for ${props.documentName}`
  })
</script>
