fix. 컴포넌트 리팩토링, 타입 명시적 적용

layers/components/widgets/Description.vue

@@ -19,13 +19,7 @@ const imageSrc = getResponsiveSrc(resourcesData.value?.res_path)
 </script>
 
 <template>
-  <BlocksVisualContent
-    tag="p"
-    :text="displayText"
-    :image-src="imageSrc as any"
-    image-class="w-full"
-    :style="{
-      color: '#000000',
-    }"
-  />
+  <p>
+    <BlocksVisualContent :text="displayText" :image-src="imageSrc" />
+  </p>
 </template>

layers/components/widgets/MainTitle.vue

@@ -19,10 +19,7 @@ const imageSrc = getResponsiveSrc(resourcesData.value?.res_path)
 </script>
 
 <template>
-  <BlocksVisualContent
-    tag="h2"
-    :text="displayText"
-    :image-src="imageSrc as any"
-    image-class="w-full"
-  />
+  <h2>
+    <BlocksVisualContent :text="displayText" :image-src="imageSrc" />
+  </h2>
 </template>

layers/components/widgets/SubTitle.vue

@@ -19,13 +19,7 @@ const imageSrc = getResponsiveSrc(resourcesData.value?.res_path)
 </script>
 
 <template>
-  <BlocksVisualContent
-    tag="h3"
-    :text="displayText"
-    :image-src="imageSrc as any"
-    image-class="w-full"
-    :style="{
-      color: '#000000',
-    }"
-  />
+  <h3>
+    <BlocksVisualContent :text="displayText" :image-src="imageSrc" />
+  </h3>
 </template>