initial commit

src/components/ModListEntry.vue

@@ -0,0 +1,54 @@
+<script setup lang="ts">
+import Button from 'primevue/button';
+import ToggleSwitch from 'primevue/toggleswitch';
+import { open } from '@tauri-apps/plugin-shell';
+import ModTitlecard from './ModTitlecard.vue';
+import { ModEntry } from '../types';
+
+defineProps({
+    mod: Object as () => ModEntry,
+});
+</script>
+
+<template>
+    <div class="flex items-center">
+        <ModTitlecard showVersion :localIcon="true" :mod="mod" />
+        <ToggleSwitch
+            class="scale-[1.33] shrink-0"
+            inputId="switch"
+            :modelValue="mod?.enabled"
+        />
+        <Button
+            rounded
+            disabled
+            icon="pi pi-trash"
+            severity="danger"
+            aria-label="delete"
+            size="small"
+            class="ml-5 self-center shrink-0"
+            style="width: 2rem; height: 2rem"
+        />
+        <Button
+            rounded
+            icon="pi pi-folder"
+            severity="help"
+            aria-label="delete"
+            size="small"
+            class="ml-2 shrink-0"
+            style="width: 2rem; height: 2rem"
+            v-on:click="open(mod?.path ?? '')"
+        />
+        <Button
+            rounded
+            icon="pi pi-external-link"
+            severity="info"
+            aria-label="delete"
+            size="small"
+            class="ml-2 shrink-0"
+            style="width: 2rem; height: 2rem"
+            v-on:click="open(mod?.package_url ?? '')"
+        />
+    </div>
+</template>
+
+<style></style>