changes

app/components/marketing/email/Template1.vue

@@ -234,31 +234,13 @@
   </div>
 </template>
 
-<script setup lang="ts">
+<script setup>
 import { imageUrl } from "~/components/marketing/email/Email.utils";
 import { computed } from "vue";
 
-interface KeywordItem {
-  keyword: string;
-  value: string;
-}
-
-interface Template1Content {
-  subject?: string;
-  message?: string;
-  imageUrl?: string | null;
-  linkUrl?: string[];
-  textLinkUrl?: string[];
-  keyword?: KeywordItem[];
-}
-
-interface Props {
-  content: Template1Content;
-  previewMode?: boolean;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  previewMode: false,
+const props = defineProps({
+  content: Object,
+  previewMode: Boolean,
 });
 
 const hasValidLinks = computed(() => {
@@ -269,7 +251,7 @@ const hasValidImage = computed(() => {
   return props.content.imageUrl && props.content.imageUrl.trim() !== "";
 });
 
-const replaceKeywords = (content: string): string => {
+const replaceKeywords = (contentstring) => {
   if (!content) return "";
 
   let replacedContent = content;
@@ -293,7 +275,7 @@ const validLinks = computed(() => {
   return props.content.linkUrl.filter((link) => link && link.trim() !== "");
 });
 
-const getLinkText = (index: number): string => {
+const getLinkText = (index) => {
   return props.content.textLinkUrl && props.content.textLinkUrl[index] && props.content.textLinkUrl[index].trim() !== ""
     ? props.content.textLinkUrl[index]
     : `Link ${index + 1}`;
@@ -311,7 +293,7 @@ const styles = `
   }
 
   .content-padding, .company-padding {
-    padding: 0px 25px 20px; 
+    padding: 0px 25px 20px;
   }
 
     .message-content p {
@@ -407,16 +389,16 @@ const styles = `
         width: 100% !important;
         max-width: 100% !important;
       }
-      
+
       .greeting-padding{
         padding: 20px 0 0 0 !important;
       }
 
       .content-padding {
-        padding: 20px  0px !important; 
+        padding: 20px  0px !important;
       }
       .company-padding {
-        padding: 0px 0px 20px 0px !important; 
+        padding: 0px 0px 20px 0px !important;
       }
       .company-info {
         padding: 20px 10px !important;