fix. 개발 도구 적용. (typescript, prettier, es-lint)

layers/templates/GrVisual01/index.vue

@@ -1,29 +1,29 @@
 <script setup lang="ts">
-import YouTubeModal from "#layers/components/molecules/modal/YouTubeModal.vue";
+import YouTubeModal from '#layers/components/molecules/modal/YouTubeModal.vue'
 
 interface Props {
-  components: Record<string, any>;
+  components: Record<string, any>
 }
 
-const props = defineProps<Props>();
+const props = defineProps<Props>()
 
 // YouTube 모달 상태 관리
-const isYouTubeModalOpen = ref(false);
-const youtubeVideoId = ref("");
+const isYouTubeModalOpen = ref(false)
+const youtubeVideoId = ref('')
 
 // 비디오 플레이 버튼 클릭 핸들러
 const handleVideoPlayClick = () => {
   // TODO: 실제 YouTube 비디오 ID를 설정해야 합니다
   // 예시: 'dQw4w9WgXcQ' (Rick Astley - Never Gonna Give You Up)
-  youtubeVideoId.value = "UKVsZYHxYTc"; // 임시로 설정
-  isYouTubeModalOpen.value = true;
-};
+  youtubeVideoId.value = 'UKVsZYHxYTc' // 임시로 설정
+  isYouTubeModalOpen.value = true
+}
 
 // 모달 닫기 핸들러
 const handleCloseModal = () => {
-  isYouTubeModalOpen.value = false;
-  youtubeVideoId.value = "";
-};
+  isYouTubeModalOpen.value = false
+  youtubeVideoId.value = ''
+}
 </script>
 
 <template>
@@ -58,6 +58,6 @@ const handleCloseModal = () => {
     :is-open="isYouTubeModalOpen"
     :youtube-id="youtubeVideoId"
     @close="handleCloseModal"
-    @update:is-open="isYouTubeModalOpen = $event"
+    @update:is-open="(value: boolean) => (isYouTubeModalOpen = value)"
   />
 </template>

layers/templates/GrVisual02/index.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
 interface Props {
-  components: Record<string, any>;
+  components: Record<string, any>
 }
 
-const props = defineProps<Props>();
+const _props = defineProps<Props>()
 </script>
 
 <template>
-  <section class="template-section"></section>
+  <section class="template-section" />
 </template>

layers/templates/GrVisual03/index.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
 interface Props {
-  components: Record<string, any>;
+  components: Record<string, any>
 }
 
-const props = defineProps<Props>();
+const props = defineProps<Props>()
 
-console.log("components:", props.components);
+console.log('components:', props.components)
 </script>
 
 <template>