Флаги

src/components/News_section/One_kard.vue

@@ -169,7 +169,30 @@ onBeforeUnmount(() => {
   >
     <div ref="cardRef" class="cursor-pointer" @click="toggle">
       <div class="flex justify-between p-3">
-        <p>{{ article_date }}</p>
+        <div class="flex">
+          <p>{{ article_date }}</p>
+          <span class="text-sm ml-2">
+            <img
+              v-if="other === 'source1' || other === 'source2'"
+              src="https://img.icons8.com/?size=100&id=OafC2pWK4RV4&format=png&color=000000"
+              class="h-6 w-auto"
+              alt="Китай"
+            />
+            <img
+              v-else-if="other === 'Япония'"
+              src="https://img.icons8.com/?size=100&id=KvglG3FkCenH&format=png&color=000000"
+              class="h-6 w-auto"
+              alt="Япония"
+            />
+            <img
+              v-else-if="other === 'Корея'"
+              src="https://img.icons8.com/?size=100&id=uCynf758t5TG&format=png&color=000000"
+              class="h-6 w-auto"
+              alt="Корея"
+            />
+          </span>
+        </div>
+
         <a
           :href="url"
           class="max-w-100 text-blue-600 dark:text-gray-400 hover:text-blue-800 active:text-blue-800 underline flex"
@@ -183,9 +206,11 @@ onBeforeUnmount(() => {
       <div class="m-3 dark:bg-gray-900 shadow rounded-xl p-3">
         <p>{{ title }}</p>
       </div>
-      <div class="m-3 bg-gray-300 dark:bg-gray-950 shadow rounded-xl p-3 max-w-170">
+      <div
-          <p>Категория: {{ category }}</p>
+        class="m-3 bg-gray-300 dark:bg-gray-950 shadow rounded-xl p-3 max-w-170"
-        </div>
+      >
+        <p>Категория: {{ category }}</p>
+      </div>
 
       <div v-show="isOpen" class="transition-all">
         <div class="m-3 dark:bg-gray-900 shadow rounded-xl p-3">
@@ -194,7 +219,7 @@ onBeforeUnmount(() => {
         <div class="m-3 dark:bg-gray-900 shadow rounded-xl p-3">
           <p>{{ translation_text }}</p>
         </div>
-        
+
         <div class="m-3 dark:bg-gray-900 shadow rounded-xl p-3">
           <p>{{ original_text }}</p>
         </div>