feat: 추가 component viewer

layers/middleware/init.route.global.ts

@@ -53,8 +53,8 @@ export default defineNuxtRouteMiddleware(async (to, _from) => {
     // await getGameDataExternal(req)
 
 
-    // error 페이지는 API 호출하지 않음
-    if (pageUrl === '/error' || to.path.includes('/error') || to.path.includes('/inspection')) {
+    // error 페이지 및 특수 페이지는 API 호출하지 않음
+    if (pageUrl === '/error' || to.path.includes('/error') || to.path.includes('/inspection') || to.path.includes('components-viewer')) {
       return
     }
 

layers/middleware/pageData.global.ts

@@ -27,11 +27,18 @@ export default defineNuxtRouteMiddleware(async (to, _from) => {
   )
 
   try {
+    // 점검 페이지 예외 처리
     if (to.path.includes('inspection')) {
       console.log('🚀 ~ 점검페이지 접근 pageData.global')
       return
     }
 
+    // 컴포넌트 뷰어 페이지 예외 처리
+    if (to.path.includes('components-viewer')) {
+      console.log('🚀 ~ 컴포넌트 뷰어 페이지 접근 pageData.global')
+      return
+    }
+
     const pageUrl = getPathAfterLanguage(to.path)
     console.log("🚀 ~ pageUrl:", pageUrl)
 

layers/server/middleware/gameData.ts

@@ -215,6 +215,13 @@ export default defineEventHandler(async event => {
     return
   }
 
+  // 1-3. /components-viewer 페이지 패스 (개발용 컴포넌트 뷰어)
+  if (fullPath.includes('components-viewer')) {
+    // 최소한의 gameData 설정 (컴포넌트 뷰어는 gameData 불필요)
+    event.context.gameData = initGameData?.value || null
+    return
+  }
+
   // 정적 자산, API, 파비콘 등은 제외하고 페이지 요청만 처리
   if (
     fullPath.startsWith('/api/') ||

layers/types/components/button.ts

@@ -9,6 +9,6 @@ export type DownloadButtonType = 'default' | 'single' | 'duplication' | 'custom'
 
 export type ButtonSize = 'large' | 'medium' | 'small' | 'extra-small'
 
-export type ButtonVariant = 'filled' | 'outlined'
+export type ButtonVariant = 'filled' | 'outlined' | 'text' | 'ghost'
 
 export type Platform = 'google_play' | 'app_store' | 'pc' | 'stove'