Moved to Nuxt

NuxtJS, Vue, real web app Nuxt content: blog Better mobile/responsive design and practices Better practices overall
2025-11-18 20:59:23 +01:00
parent 93a4e124ff
commit 99a943eb36
57 changed files with 19126 additions and 718 deletions
@@ -0,0 +1,18 @@
+<script setup lang="ts">
+const props = defineProps<{
+    image: string,
+    imageRight?: boolean | string
+}>()
+
+let imagePosition = "sm:flex-row";
+if(props.imageRight == true || props.imageRight == "true") imagePosition = "sm:flex-row-reverse"
+</script>
+
+<template>
+<div :class="imagePosition" class="flex mt-5 mb-4 flex-col">
+    <img class="object-contain sm:max-w-[40%] sm:max-h-[350px] max-h-[300px] max-w-[80%] m-auto" :src="props.image" />
+    <p class="self-center ml-5 sm:mt-2 mt-4">
+        <slot />
+    </p>
+</div>
+</template>