From 29fba0310de3ec1bdb6316c75ed8a15785b07451 Mon Sep 17 00:00:00 2001
From: Matthew Raymer <mraymer@osinetwork.net>
Date: Thu, 16 Oct 2025 13:06:44 +0000
Subject: [PATCH] refactor(test-app): convert secondary view components to
 Class API

- Convert HistoryView, NotFoundView, NotificationsView to Class API
- Convert SettingsView and StatusView to Class API
- Add proper @Component decorators and toNative exports
- Simplify all views for consistent Class API usage

Completes view component conversion to vue-facing-decorator pattern.
---
 test-apps/daily-notification-test/src/views/HistoryView.vue  | 5 +++--
 test-apps/daily-notification-test/src/views/NotFoundView.vue | 5 +++--
 .../daily-notification-test/src/views/NotificationsView.vue  | 5 +++--
 test-apps/daily-notification-test/src/views/SettingsView.vue | 5 +++--
 test-apps/daily-notification-test/src/views/StatusView.vue   | 5 +++--
 5 files changed, 15 insertions(+), 10 deletions(-)

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>