dockerize, composte, and various improvements

components/Popup.vue

@@ -1,3 +1,17 @@
+<script lang="ts" setup>
+import { PropType } from 'vue';
+
+defineProps({
+	openedBy: {
+		type: String as PropType<'emojiPicker' | 'userProfile'>,
+		required: true
+	},
+	opened: Boolean
+});
+
+defineEmits(['picked-emoji']);
+</script>
+
 <template>
   <div
     v-if="opened"
@@ -13,15 +27,4 @@
       />
     </div>
   </div>
-</template>
-
-<script>
-export default {
-	props: {
-		openedBy: {
-			required: true
-		},
-		opened: Boolean
-	},
-};
-</script>
+</template>