gil/web-temp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix. main 컴포넌트 변경, 수정된 api 구조에 맞춰 코드 수정

Browse Source
This commit is contained in:
clkim
2025-09-17 18:03:19 +09:00
parent 2196cf4200
commit 61022fb972
14 changed files with 347 additions and 664 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
app/pages/[d1]/[d2]/[d3].vue
View File

@@ -1,37 +1,25 @@
<script setup lang="ts">
import { storeToRefs } from 'pinia'
import { usePageDataStore } from '#layers/stores/usePageDataStore'
import type { PageDataValue } from '#layers/types/api/pageData'
const pageDataStore = usePageDataStore()
const { pageData } = storeToRefs(pageDataStore)
// const layout = pageData.value?.meta?.layout ?? "default";
const layout = 'default' // 기본 레이아웃 사용
const getLayoutType = (
pageData: PageDataValue | null
): 'default' | 'promotion' => {
return pageData?.page_type === 1 ? 'default' : 'promotion'
}
const currentLayout = computed(() => getLayoutType(pageData.value))
// definePageMeta를 사용하여 레이아웃을 미리 설정
definePageMeta({
layout: false, // 기본 레이아웃 비활성화
})
// definePageMeta를 사용하여 레이아웃을 미리 설정
watchEffect(() => {
if (pageData.value?.meta_tag) {
useSeoMeta({
title: pageData.value.meta_tag.page_title ?? '',
description: pageData.value.meta_tag.page_desc ?? '',
ogTitle: pageData.value.meta_tag.og_title ?? '',
ogDescription: pageData.value.meta_tag.og_desc ?? '',
ogImage: pageData.value.meta_tag.og_image ?? '',
twitterTitle: pageData.value.meta_tag.x_title ?? '',
twitterImage: pageData.value.meta_tag.x_image ?? '',
twitterDescription: pageData.value.meta_tag.x_desc ?? '',
})
}
layout: false, // 동적 레이아웃을 위해 기본 레이아웃 비활성화
})
</script>
<template>
<NuxtLayout :name="layout">
<LayoutsMain :templates="pageData?.templates ?? []" />
<NuxtLayout :name="currentLayout">
<LayoutsMain v-if="pageData" :page-data="pageData" />
</NuxtLayout>
</template>

34
app/pages/[d1]/[d2]/index.vue
View File

@@ -1,37 +1,25 @@
<script setup lang="ts">
import { storeToRefs } from 'pinia'
import { usePageDataStore } from '#layers/stores/usePageDataStore'
import type { PageDataValue } from '#layers/types/api/pageData'
const pageDataStore = usePageDataStore()
const { pageData } = storeToRefs(pageDataStore)
// const layout = pageData.value?.meta?.layout ?? "default";
const layout = 'default' // 기본 레이아웃 사용
const getLayoutType = (
pageData: PageDataValue | null
): 'default' | 'promotion' => {
return pageData?.page_type === 1 ? 'default' : 'promotion'
}
const currentLayout = computed(() => getLayoutType(pageData.value))
// definePageMeta를 사용하여 레이아웃을 미리 설정
definePageMeta({
layout: false, // 기본 레이아웃 비활성화
})
// definePageMeta를 사용하여 레이아웃을 미리 설정
watchEffect(() => {
if (pageData.value?.meta_tag) {
useSeoMeta({
title: pageData.value.meta_tag.page_title ?? '',
description: pageData.value.meta_tag.page_desc ?? '',
ogTitle: pageData.value.meta_tag.og_title ?? '',
ogDescription: pageData.value.meta_tag.og_desc ?? '',
ogImage: pageData.value.meta_tag.og_image ?? '',
twitterTitle: pageData.value.meta_tag.x_title ?? '',
twitterImage: pageData.value.meta_tag.x_image ?? '',
twitterDescription: pageData.value.meta_tag.x_desc ?? '',
})
}
layout: false, // 동적 레이아웃을 위해 기본 레이아웃 비활성화
})
</script>
<template>
<NuxtLayout :name="layout">
<LayoutsMain :templates="pageData?.templates ?? []" />
<NuxtLayout :name="currentLayout">
<LayoutsMain v-if="pageData" :page-data="pageData" />
</NuxtLayout>
</template>