mirror of
https://github.com/IT4Change/IT4C.dev.git
synced 2026-03-01 12:44:23 +00:00
Ulf Gebhardt
33310a43c5
* rename test:lint:eslint to lint and update eslint-config-it4c package * simplify config and make it ts * jest update & ts * suppress server logging output in tests * remove test node_env as it is default for jest * use eslint-config-it4c * packages = module * fix tailwind as ts * eslitn autofix * more fixes * tsconfig & some eslint rules * fixes * more fixes * more exceptions * do not allow warnings * fix config * ignore vuepress generated configs * ts include fix
33 lines
831 B
Vue
33 lines
831 B
Vue
<template>
|
|
<a :href="href" :target="target">
|
|
<div class="border border-gray-300 rounded-lg p-6">
|
|
<img :src="image" :alt="title" class="rounded-lg mb-4 w-full h-auto object-contain" />
|
|
<h3 class="text-xl font-semibold mb-2">{{ title }}</h3>
|
|
<p class="text-gray-600 dark:text-gray-300 mb-4">{{ description }}</p>
|
|
<div class="flex flex-wrap gap-2">
|
|
<span v-for="tag in tags" :key="tag" class="tag px-3 py-1 rounded-full text-sm">
|
|
{{ tag }}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
defineProps<{
|
|
title: string
|
|
description: string
|
|
image: string
|
|
tags: string[]
|
|
href: string
|
|
target?: string
|
|
}>()
|
|
</script>
|
|
|
|
<style>
|
|
.tag {
|
|
color: var(--highlight-color);
|
|
background: var(--highlight-color-light);
|
|
}
|
|
</style>
|