💄 Better products

components/PostItem.vue

@@ -10,6 +10,10 @@
           <span v-if="!post.body?.title && !post.body?.description" class="text-sm">
             {{ post.author?.description }}
           </span>
+
+          <div v-if="post.type != 'story'" class="mt-1">
+            <v-btn size="x-small" variant="flat" append-icon="mdi-arrow-right" :text="t('continueReading')" />
+          </div>
         </div>
       </div>
 
@@ -70,5 +74,7 @@
 const props = defineProps<{ post: any, forceShowContent?: boolean, noClickableAttachment?: boolean }>()
 const config = useRuntimeConfig()
 
+const { t } = useI18n()
+
 const url = computed(() => props.post.alias ? `/posts/${props.post.area_alias}/${props.post.alias}` : `/posts/${props.post.id}`)
 </script>

components/content/EmbedDownloadLink.vue

@@ -0,0 +1,20 @@
+<template>
+  <v-card :title="t('download')" :subtitle="t('downloadDescription')" density="comfortable">
+    <v-list>
+      <v-list-item
+        v-for="item in props.items"
+        :prepend-icon="item.icon"
+        :title="item.title"
+        :subtitle="item.desc"
+        :href="item.url"
+        target="_blank"
+      />
+    </v-list>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{ items: [{ title: string, icon: string, desc: string, url: string }] }>()
+
+const { t } = useI18n()
+</script>