diff --git a/src/render/App.vue b/src/render/App.vue
index 4dc9aa9..1e8aab4 100644
--- a/src/render/App.vue
+++ b/src/render/App.vue
@@ -10,29 +10,20 @@
   </div>
 </template>
 
-<script lang="ts">
-import { ref, defineComponent } from 'vue'
+<script lang="ts" setup>
+import { ref } from 'vue'
 import FlagView from './components/FlagView.vue'
 import EarthView from './components/EarthView.vue'
 import SatelliteTableView from './components/SatelliteTableView.vue'
 import SatelliteSystemSelectView from './components/SatelliteSystemSelectView.vue'
 
-export default defineComponent({
-  setup () {
-    const earthView                 = ref(null)
-    const flagView                  = ref(null)
-    const onSatelliteSystemChanged  = ss => {
-      if (earthView.value) earthView.value.loadSatelliteOrbit(ss)
-      if (flagView.value) flagView.value.show_flag(ss)
-    }
-    const onTrackSatelliteSelected  = id => {
-      if (earthView.value) earthView.value.trackSatellite(id)
-    }
-
-    return { earthView, flagView, onSatelliteSystemChanged, onTrackSatelliteSelected }
-  },
-  components: {
-    FlagView, EarthView, SatelliteSystemSelectView, SatelliteTableView
-  }
-})
+const earthView                 = ref(null)
+const flagView                  = ref(null)
+const onSatelliteSystemChanged  = ss => {
+  if (earthView.value) earthView.value.loadSatelliteOrbit(ss)
+  if (flagView.value) flagView.value.show_flag(ss)
+}
+const onTrackSatelliteSelected  = id => {
+  if (earthView.value) earthView.value.trackSatellite(id)
+}
 </script>
\ No newline at end of file