Как рендерить в динамической странице разные страницы?

Question

[Devero97]

Есть 3 вида страницы, которые я хочу, чтобы они были доступны по адресу "имя домена/ имя статьи-тега-карточки". Как я могу это реализовать, если нельзя делать несколько динамический страниц в папке pages?
Структура такая
-pages/
--_card.vue
--_post.vue
--_tag.vue
Но так нельзя сделать. Как можно решить проблему?

Answer 1

[Red_Devi1]

Если я верно понимаю, что "3 вида страницы" подразумевает различные виды отображения одного и того же контента

<template>
    <component :is="dynamicComponent"
        :someProps="ololoProps"
    />
</template>

<script>
export default {
     name: 'OloloComponent',

     data() {
          return {
                ololoData: 'someShit',
          };
     },

	computed: {
		dynamicComponent() {
			if (someCondition) {
				return () => import('pages/card.vue');
			} else if (someAnotherCondition) {
				return () => import('pages/post.vue'');
			}

			return () => import('pages/tag.vue'');
		},

		ololoProps() {
			return { ololo1: 'testData', ololo2: 'test2' };
		},
	},
}
</script>