Capital/components/Copyright.vue

36 lines
1.4 KiB
Vue
Raw Permalink Normal View History

<template>
<div class="text-xs text-grey" :class="props.noCentered ? 'text-left' : 'text-center'">
<p>{{ t("copyright") }} © {{ new Date().getFullYear() }} {{ t("brandNameFormal") }}</p>
2024-09-22 10:53:32 +00:00
<p v-if="services" class="flex" :class="props.noCentered ? 'justify-start' : 'justify-center'">
2024-08-16 17:33:16 +00:00
<span>Powered by</span>
<span class="flex services-list ms-1">
<a class="service underline" v-for="item in services" :href="projects[item][1]">
{{ projects[item][0] }}
</a>
</span>
</p>
</div>
</template>
<script setup lang="ts">
2024-08-16 17:33:16 +00:00
const props = defineProps<{ service?: string | string[], noCentered?: boolean }>()
const services = computed<string[]>(() => props.service instanceof Array ? (props.service ?? []) : (props.service ? [props.service] : []))
const { t } = useI18n()
const projects: { [id: string]: [string, string] } = {
2024-08-16 17:33:16 +00:00
"solar-network": ["Solar Network", "https://solsynth.dev/products/solar-network"],
"capital": ["Capital", "https://git.solsynth.dev/Goatworks/Capital"],
"passport": ["Hydrogen.Passport", "https://git.solsynth.dev/Hydrogen/Passport"],
"paperclip": ["Hydrogen.Paperclip", "https://git.solsynth.dev/Hydrogen/Paperclip"],
2024-10-04 09:55:42 +00:00
"roadsign": ["RoadSign", "https://git.solsynth.dev/Goatworks/RoadSign"],
}
</script>
2024-08-16 17:33:16 +00:00
<style scoped>
.services-list .service:nth-child(n+2)::before {
content: ", ";
}
</style>