phongdt:add id component

components/dynamic-page/page-component/templates/articles/cards/Audio.vue

@@ -9,6 +9,7 @@ const props = defineProps<{
   dataQuery?: any;
   layout?: string;
   label?: any;
+  component?: any;
 }>();
 
 const LAYOUT_PARSE = computed(() => {
@@ -51,7 +52,7 @@ const parseData = computed(() => {
 </script>
 
 <template>
-  <article class="card-audio" :class="LAYOUT_PARSE['article_Class']" :style="LAYOUT_PARSE['article']">
+  <article :id="`cpn_${props.component.id}`" class="card-audio" :class="LAYOUT_PARSE['article_Class']" :style="LAYOUT_PARSE['article']">
     <img :src="parseData?.thumbnail ? parseData?.thumbnail : 'https://indiaeducationdiary.in/wp-content/uploads/2021/02/SD-default-image.png'" :alt="parseData?.title?.replace(/<[^>]+>/g, '')" />
     <div class="card-audio__content">
       <span class="flex justify-center">