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

layers/components/templates/Background.vue

@@ -3,34 +3,34 @@ import {
   getResourcesData,
   getResponsiveClass,
   getResponsiveSrc,
-} from "#layers/utils/dataUtil";
-import type { PageDataComponent } from "#layers/types/api/pageData";
+} from '#layers/utils/dataUtil'
+import type { PageDataComponent } from '#layers/types/api/pageData'
 
 const props = defineProps<{
-  componentData: PageDataComponent;
-  gradientClass?: string;
-  groupSets?: boolean;
-}>();
+  componentData: PageDataComponent
+  gradientClass?: string
+  groupSets?: boolean
+}>()
 
 const resourcesData = computed(() => {
   return getResourcesData({
     resources: props.componentData?.resources,
     groupSets: props.groupSets,
-  });
-});
+  })
+})
 const bgStyles = computed(() => {
   return getResponsiveSrc(resourcesData.value?.res_path, {
-    resourcesType: "bg",
-  });
-});
+    resourcesType: 'bg',
+  })
+})
 const videoSrc = computed(() => {
   return getResponsiveSrc(resourcesData.value?.res_path, {
-    resourcesType: "video",
-  });
-});
+    resourcesType: 'video',
+  })
+})
 const posterSrc = computed(() => {
-  return getResponsiveSrc(resourcesData.value?.res_path);
-});
+  return getResponsiveSrc(resourcesData.value?.res_path)
+})
 </script>
 
 <template>
@@ -41,7 +41,7 @@ const posterSrc = computed(() => {
       class="w-full h-full bg-cover bg-center bg-no-repeat"
       :class="getResponsiveClass()"
       :style="bgStyles"
-    ></div>
+    />
 
     <!-- 비디오 타입 -->
     <template v-else-if="resourcesData?.group_type === 'video'">
@@ -73,6 +73,6 @@ const posterSrc = computed(() => {
       </video>
     </template>
 
-    <div class="absolute inset-0" :class="gradientClass"></div>
+    <div class="absolute inset-0" :class="gradientClass" />
   </div>
 </template>

layers/components/templates/ButtonList.vue

@@ -1,30 +1,24 @@
 <script setup lang="ts">
-import { getResourcesData } from "#layers/utils/dataUtil";
-import type { PageDataComponent } from "#layers/types/api/pageData";
+import { getResourcesData } from '#layers/utils/dataUtil'
+import type { PageDataComponent } from '#layers/types/api/pageData'
 
 const props = defineProps<{
-  componentData: PageDataComponent;
-  groupSets?: boolean;
-}>();
+  componentData: PageDataComponent
+  groupSets?: boolean
+}>()
 
 const resourcesData = computed(() => {
   return getResourcesData({
     resources: props.componentData?.resources,
     isMultiple: true,
     groupSets: props.groupSets,
-  });
-});
-
-console.log("ButtonList resourcesData:", resourcesData.value);
+  })
+})
 </script>
 
 <template>
-  <template
-    v-if="resourcesData"
-    v-for="button in resourcesData"
-    :key="button.group_label"
-  >
-    <AtomsButton>
+  <template v-if="resourcesData">
+    <AtomsButton v-for="button in resourcesData" :key="button.group_label">
       {{ button.btn_info?.txt_btn_name }}
     </AtomsButton>
 

layers/components/templates/Description.vue

@@ -1,21 +1,21 @@
 <script setup lang="ts">
-import { getResourcesData, getResponsiveSrc } from "#layers/utils/dataUtil";
-import type { PageDataComponent } from "#layers/types/api/pageData";
+import { getResourcesData, getResponsiveSrc } from '#layers/utils/dataUtil'
+import type { PageDataComponent } from '#layers/types/api/pageData'
 
 const props = defineProps<{
-  componentData: PageDataComponent;
-  groupSets?: boolean;
-}>();
+  componentData: PageDataComponent
+  groupSets?: boolean
+}>()
 
 const resourcesData = computed(() => {
   return getResourcesData({
     resources: props.componentData?.resources,
     groupSets: props.groupSets,
-  });
-});
+  })
+})
 
-const displayText = resourcesData.value?.display?.txt;
-const imageSrc = getResponsiveSrc(resourcesData.value?.res_path);
+const displayText = resourcesData.value?.display?.txt
+const imageSrc = getResponsiveSrc(resourcesData.value?.res_path)
 </script>
 
 <template>

layers/components/templates/MainTitle.vue

@@ -1,21 +1,21 @@
 <script setup lang="ts">
-import { getResourcesData, getResponsiveSrc } from "#layers/utils/dataUtil";
-import type { PageDataComponent } from "#layers/types/api/pageData";
+import { getResourcesData, getResponsiveSrc } from '#layers/utils/dataUtil'
+import type { PageDataComponent } from '#layers/types/api/pageData'
 
 const props = defineProps<{
-  componentData: PageDataComponent;
-  groupSets?: boolean;
-}>();
+  componentData: PageDataComponent
+  groupSets?: boolean
+}>()
 
 const resourcesData = computed(() => {
   return getResourcesData({
     resources: props.componentData?.resources,
     groupSets: props.groupSets,
-  });
-});
+  })
+})
 
-const displayText = resourcesData.value?.display?.txt;
-const imageSrc = getResponsiveSrc(resourcesData.value?.res_path);
+const displayText = resourcesData.value?.display?.txt
+const imageSrc = getResponsiveSrc(resourcesData.value?.res_path)
 </script>
 
 <template>

layers/components/templates/SubTitle.vue

@@ -1,21 +1,21 @@
 <script setup lang="ts">
-import { getResourcesData, getResponsiveSrc } from "#layers/utils/dataUtil";
-import type { PageDataComponent } from "#layers/types/api/pageData";
+import { getResourcesData, getResponsiveSrc } from '#layers/utils/dataUtil'
+import type { PageDataComponent } from '#layers/types/api/pageData'
 
 const props = defineProps<{
-  componentData: PageDataComponent;
-  groupSets?: boolean;
-}>();
+  componentData: PageDataComponent
+  groupSets?: boolean
+}>()
 
 const resourcesData = computed(() => {
   return getResourcesData({
     resources: props.componentData?.resources,
     groupSets: props.groupSets,
-  });
-});
+  })
+})
 
-const displayText = resourcesData.value?.display?.txt;
-const imageSrc = getResponsiveSrc(resourcesData.value?.res_path);
+const displayText = resourcesData.value?.display?.txt
+const imageSrc = getResponsiveSrc(resourcesData.value?.res_path)
 </script>
 
 <template>

layers/components/templates/VideoPlay.vue

@@ -3,19 +3,19 @@ import {
   getResourcesData,
   getResponsiveSrc,
   getResponsiveClass,
-} from "#layers/utils/dataUtil";
-import type { PageDataComponent } from "#layers/types/api/pageData";
+} from '#layers/utils/dataUtil'
+import type { PageDataComponent } from '#layers/types/api/pageData'
 
-const props = defineProps<{ componentData: PageDataComponent }>();
+const props = defineProps<{ componentData: PageDataComponent }>()
 
 const resourcesData = computed(() => {
   return getResourcesData({
     resources: props.componentData?.resources,
-  });
-});
+  })
+})
 const bgStyles = getResponsiveSrc(resourcesData.value?.res_path, {
-  resourcesType: "bg",
-});
+  resourcesType: 'bg',
+})
 </script>
 
 <template>