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

@@ -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>

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>

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>

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>

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>