switch to nuxt

2026-11-12 14:15:12 +00:00 · 2026-02-13 19:26:38 +03:00
parent 9e30ee63b3
commit f5b2f7a867
39 changed files with 11457 additions and 3349 deletions
@@ -0,0 +1,32 @@
+<template>
+  <div class="alert" :style="{ 'border-color': color }">
+    <slot></slot>
+  </div>
+</template>
+
+<script setup lang="ts">
+const { color } = defineProps({
+	color: {
+		type: String,
+		default: "orange",
+	},
+});
+</script>
+
+<style scoped>
+.alert {
+  display: flex;
+  align-items: center;
+  padding: 1rem;
+  border: 2px solid;
+  border-radius: 0.5rem;
+  background-color: #fff;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  transition: transform 0.2s ease, box-shadow 0.2s ease;
+}
+
+.alert:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
+}
+</style>