renderer: use composition api as default

_runner/config/webpack.renderer.mjs

@@ -125,12 +125,12 @@ export default {
     new webpack.DefinePlugin(IS_DEV_ENV
       ? {
           __static: `"${path.join(__dirname, '../../static').replace(/\\/g, '\\\\')}"`,
-          __VUE_OPTIONS_API__: true,
+          __VUE_OPTIONS_API__: false,
           __VUE_PROD_DEVTOOLS__: false
         }
       : {
           'process.env.NODE_ENV': '"production"',
-          __VUE_OPTIONS_API__: true,
+          __VUE_OPTIONS_API__: false,
           __VUE_PROD_DEVTOOLS__: false
         }
     ),

src/renderer/components/screen/ErrorScreen.vue

@@ -6,6 +6,8 @@
 
 <script>
 export default {
-  name: 'ErrorScreen'
+  setup () {
+
+  }
 }
 </script>

src/renderer/components/screen/MainScreen.vue

@@ -1,11 +1,19 @@
 <template>
   <div>
-    Main Screen
+    Main Screen {{ test }}
   </div>
 </template>
 
 <script>
+import { ref } from 'vue'
+
 export default {
-  name: 'MainScreen'
+  setup () {
+    const test = ref(1)
+
+    return {
+      test
+    }
+  }
 }
 </script>