diff --git a/_runner/config/webpack.renderer.mjs b/_runner/config/webpack.renderer.mjs
index 56e5019..833ddfa 100644
--- a/_runner/config/webpack.renderer.mjs
+++ b/_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
         }
     ),
diff --git a/src/renderer/components/screen/ErrorScreen.vue b/src/renderer/components/screen/ErrorScreen.vue
index 6e8b4ba..cb0ef79 100644
--- a/src/renderer/components/screen/ErrorScreen.vue
+++ b/src/renderer/components/screen/ErrorScreen.vue
@@ -6,6 +6,8 @@
 
 <script>
 export default {
-  name: 'ErrorScreen'
+  setup () {
+
+  }
 }
 </script>
diff --git a/src/renderer/components/screen/MainScreen.vue b/src/renderer/components/screen/MainScreen.vue
index 870ff61..0bac8f7 100644
--- a/src/renderer/components/screen/MainScreen.vue
+++ b/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>