All checks were successful
Deploy with Docker Compose / deploy (push) Successful in 4m58s
Move Vue app from nginx/vue/ to top-level vue/ with its own Dockerfile, update docker-compose configs and nginx proxy to serve from the new container, and add initial Rust WASM crate (stp_wasm). Also fix .gitignore to exclude Rust target/ directories. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
74 lines
2.1 KiB
Vue
74 lines
2.1 KiB
Vue
<script setup>
|
|
import { ref } from "vue";
|
|
import Link from "@/components/text/Link.vue";
|
|
import ToggleHeader from "@/components/text/ToggleHeader.vue";
|
|
|
|
const props = defineProps({
|
|
items: {
|
|
type: Array,
|
|
required: true,
|
|
},
|
|
variant: {
|
|
type: String,
|
|
default: "list",
|
|
},
|
|
title: {
|
|
type: String,
|
|
default: "",
|
|
},
|
|
});
|
|
|
|
const show = ref(false);
|
|
</script>
|
|
|
|
<template>
|
|
<div v-if="title" class="h-fit w-full">
|
|
<ToggleHeader v-model="show" class="justify-between flex">
|
|
{{ title }}
|
|
</ToggleHeader>
|
|
<template v-if="show">
|
|
<Link
|
|
v-if="variant === 'list'"
|
|
v-for="(item, i) in items"
|
|
:key="i"
|
|
:href="item.link"
|
|
>
|
|
<p class="bdr-2 bg-bg_tertiary">{{ item.name }}</p>
|
|
</Link>
|
|
<table class="w-full" v-else>
|
|
<tbody>
|
|
<tr v-for="item in items" :key="item.id">
|
|
<th>{{ item.type }}</th>
|
|
<td v-if="item.link">
|
|
<Link :href="item.link">{{ item.name }}</Link>
|
|
</td>
|
|
<td v-else>{{ item.name }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</template>
|
|
</div>
|
|
<template v-else>
|
|
<template v-if="variant === 'list'">
|
|
<Link
|
|
v-for="(item, i) in items"
|
|
:key="i"
|
|
:href="item.link"
|
|
>
|
|
<p class="bdr-2 bg-bg_tertiary">{{ item.name }}</p>
|
|
</Link>
|
|
</template>
|
|
<table class="w-full" v-else>
|
|
<tbody>
|
|
<tr v-for="item in items" :key="item.id">
|
|
<th>{{ item.type }}</th>
|
|
<td v-if="item.link">
|
|
<Link :href="item.link">{{ item.name }}</Link>
|
|
</td>
|
|
<td v-else>{{ item.name }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</template>
|
|
</template>
|