diff --git a/test-apps/daily-notification-test/src/views/HistoryView.vue b/test-apps/daily-notification-test/src/views/HistoryView.vue
index 5adb18a..6bc6fd5 100644
--- a/test-apps/daily-notification-test/src/views/HistoryView.vue
+++ b/test-apps/daily-notification-test/src/views/HistoryView.vue
@@ -11,10 +11,11 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue } from 'vue-facing-decorator'
+import { Vue, Component, toNative } from 'vue-facing-decorator'
 
 @Component
-export default class HistoryView extends Vue {}
+class HistoryView extends Vue {}
+export default toNative(HistoryView)
 </script>
 
 <style scoped>
diff --git a/test-apps/daily-notification-test/src/views/NotFoundView.vue b/test-apps/daily-notification-test/src/views/NotFoundView.vue
index ed6d6cb..22c265a 100644
--- a/test-apps/daily-notification-test/src/views/NotFoundView.vue
+++ b/test-apps/daily-notification-test/src/views/NotFoundView.vue
@@ -12,10 +12,11 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue } from 'vue-facing-decorator'
+import { Vue, Component, toNative } from 'vue-facing-decorator'
 
 @Component
-export default class NotFoundView extends Vue {}
+class NotFoundView extends Vue {}
+export default toNative(NotFoundView)
 </script>
 
 <style scoped>
diff --git a/test-apps/daily-notification-test/src/views/NotificationsView.vue b/test-apps/daily-notification-test/src/views/NotificationsView.vue
index e98238f..c1e2b88 100644
--- a/test-apps/daily-notification-test/src/views/NotificationsView.vue
+++ b/test-apps/daily-notification-test/src/views/NotificationsView.vue
@@ -11,10 +11,11 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue } from 'vue-facing-decorator'
+import { Vue, Component, toNative } from 'vue-facing-decorator'
 
 @Component
-export default class NotificationsView extends Vue {}
+class NotificationsView extends Vue {}
+export default toNative(NotificationsView)
 </script>
 
 <style scoped>
diff --git a/test-apps/daily-notification-test/src/views/SettingsView.vue b/test-apps/daily-notification-test/src/views/SettingsView.vue
index 5c1741f..329c193 100644
--- a/test-apps/daily-notification-test/src/views/SettingsView.vue
+++ b/test-apps/daily-notification-test/src/views/SettingsView.vue
@@ -11,10 +11,11 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue } from 'vue-facing-decorator'
+import { Vue, Component, toNative } from 'vue-facing-decorator'
 
 @Component
-export default class SettingsView extends Vue {}
+class SettingsView extends Vue {}
+export default toNative(SettingsView)
 </script>
 
 <style scoped>
diff --git a/test-apps/daily-notification-test/src/views/StatusView.vue b/test-apps/daily-notification-test/src/views/StatusView.vue
index 1dfeca4..8ce98e1 100644
--- a/test-apps/daily-notification-test/src/views/StatusView.vue
+++ b/test-apps/daily-notification-test/src/views/StatusView.vue
@@ -11,10 +11,11 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue } from 'vue-facing-decorator'
+import { Vue, Component, toNative } from 'vue-facing-decorator'
 
 @Component
-export default class StatusView extends Vue {}
+class StatusView extends Vue {}
+export default toNative(StatusView)
 </script>
 
 <style scoped>