Botentry -> script setup

src/components/BotEntry.vue

@@ -54,31 +54,21 @@
   </div>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
 import EditIcon from 'vue-material-design-icons/Pencil.vue';
 import LoginIcon from 'vue-material-design-icons/Login.vue';
 import DeleteIcon from 'vue-material-design-icons/Delete.vue';
 import OnlineIcon from 'vue-material-design-icons/Circle.vue';
 import LoggedOutIcon from 'vue-material-design-icons/Cancel.vue';
 import { BotDescriptor } from '@/types';
-import { defineComponent, computed, ref } from 'vue';
+import { computed, ref } from 'vue';
 import { useBotStore } from '@/stores/ftbotwrapper';
 
-export default defineComponent({
+const props = defineProps({
-  name: 'BotEntry',
-  components: {
-    DeleteIcon,
-    EditIcon,
-    LoginIcon,
-    OnlineIcon,
-    LoggedOutIcon,
-  },
-  props: {
   bot: { required: true, type: Object as () => BotDescriptor },
   noButtons: { default: false, type: Boolean },
-  },
+});
-  emits: ['edit', 'editLogin'],
+defineEmits(['edit', 'editLogin']);
-  setup(props) {
 const botStore = useBotStore();
 
 const changeEvent = (v) => {
@@ -99,16 +89,6 @@ export default defineComponent({
     // pass
   },
 });
-
-    return {
-      botStore,
-      changeEvent,
-      autoRefreshLoc,
-      confirmRemoveBot,
-      botRemoveModalVisible,
-    };
-  },
-});
 </script>
 
 <style scoped lang="scss">