chore: use <script setup>

src/components/misc/popup.vue

@@ -5,20 +5,18 @@
 	</div>
 </template>
 
-<script>
+<script setup>
 import {closeWhenClickedOutside} from '@/helpers/closeWhenClickedOutside'
 import {onBeforeUnmount, onMounted, ref} from 'vue'
 
-export default {
-	setup() {
-		const open = ref(false)
-		const popup = ref(null)
+const open = ref(false)
+const popup = ref(null)
 
-		const toggle = () => {
+const toggle = () => {
 	open.value = !open.value
-		}
+}
 
-		const hidePopup = e => {
+const hidePopup = e => {
 	if (!open.value) {
 		return
 	}
@@ -28,23 +26,15 @@ export default {
 	closeWhenClickedOutside(e, popup.value, () => {
 		open.value = false
 	})
-		}
-		
-		onMounted(() => {
-			document.addEventListener('click', hidePopup)
-		})
-		
-		onBeforeUnmount(() => {
-			document.removeEventListener('click', hidePopup)
-		})
-
-		return {
-			open,
-			toggle,
-			popup,
-		}
-	},
 }
+
+onMounted(() => {
+	document.addEventListener('click', hidePopup)
+})
+
+onBeforeUnmount(() => {
+	document.removeEventListener('click', hidePopup)
+})
 </script>
 
 <style scoped lang="scss">