dockerize, composte, and various improvements

components/DropdownMenu.vue

@@ -1,3 +1,16 @@
+<script lang="ts" setup>
+defineProps({
+	opened: {
+		type: Boolean,
+		required: true
+	},
+	inverted: {
+		type: Boolean,
+		default: false
+	}
+});
+</script>
+
 <template>
   <Transition name="pop-in">
     <div
@@ -11,15 +24,6 @@
   </Transition>
 </template>
 
-<script lang="ts">
-export default {
-	props: {
-		opened: Boolean,
-		inverted: Boolean,
-	},
-};
-</script>
-
 <style>
 .dropdown {
 	transform-origin: top center;
@@ -43,11 +47,13 @@ export default {
 
 @keyframes pop-in {
 	0% {
-		transform: scale(0);
+		transform: scale(0.7);
+		opacity: 0;
 	}
 
 	100% {
 		transform: scale(1);
+		opacity: 1;
 	}
 }
 </style>