Navbar to script setup

src/components/layout/NavBar.vue

@@ -122,23 +122,19 @@
   </header>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
 import LoginModal from '@/views/LoginModal.vue';
 import BootswatchThemeSelect from '@/components/BootswatchThemeSelect.vue';
 import Favico from 'favico.js';
 import ReloadControl from '@/components/ftbot/ReloadControl.vue';
 import BotEntry from '@/components/BotEntry.vue';
 import BotList from '@/components/BotList.vue';
-import { defineComponent, ref, onBeforeUnmount, onMounted, watch } from 'vue';
+import { ref, onBeforeUnmount, onMounted, watch } from 'vue';
 import { OpenTradeVizOptions, useSettingsStore } from '@/stores/settings';
 import { useLayoutStore } from '@/stores/layout';
 import { useBotStore } from '@/stores/ftbotwrapper';
 import { useRoute } from 'vue-router';
 
-export default defineComponent({
-  name: 'NavBar',
-  components: { LoginModal, BootswatchThemeSelect, ReloadControl, BotEntry, BotList },
-  setup() {
 const botStore = useBotStore();
 
 const settingsStore = useSettingsStore();
@@ -225,20 +221,6 @@ export default defineComponent({
     }
   },
 );
-
-    return {
-      favicon,
-
-      clickLogout,
-      resetDynamicLayout,
-      setTitle,
-      layoutStore,
-      botStore,
-      settingsStore,
-      route,
-    };
-  },
-});
 </script>
 
 <style lang="scss" scoped>