web/satellite: migrate OverviewContainer to use SFC composition api

Change-Id: I8b0412cec1b16866d172b6ba6816da1145e6c969

web/satellite/src/components/onboardingTour/steps/common/OverviewContainer.vue

@@ -40,36 +40,27 @@
     </div>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
-import { Component, Prop, Vue } from 'vue-property-decorator';
-
 import VButton from '@/components/common/VButton.vue';
 
 import WebIcon from '@/../static/images/onboardingTour/web.svg';
 import CLIIcon from '@/../static/images/onboardingTour/cli.svg';
 
-// @vue/component
+const props = withDefaults(defineProps<{
-@Component({
+    isWeb: boolean;
-    components: {
+    title: string;
-        VButton,
+    info: string;
-        WebIcon,
+    isDisabled: boolean;
-        CLIIcon,
+    buttonLabel: string;
-    },
+    onClick: () => void;
-})
+}>(), {
-export default class OverviewContainer extends Vue {
+    isWeb: false,
-    @Prop({ default: false })
+    title: '',
-    public readonly isWeb: boolean;
+    info: '',
-    @Prop({ default: '' })
+    isDisabled: false,
-    public readonly title: string;
+    buttonLabel: '',
-    @Prop({ default: '' })
+    onClick: () => {},
-    public readonly info: string;
+});
-    @Prop({ default: false })
-    public readonly isDisabled: boolean;
-    @Prop({ default: '' })
-    public readonly buttonLabel: string;
-    @Prop({ default: () => () => {} })
-    public readonly onClick: () => void;
-}
 </script>
 
 <style scoped lang="scss">