refactor(test-app): convert dialog and overlay components to Class API

- Convert ErrorDialog to Class API with proper event handling
- Convert LoadingOverlay to Class API with visibility prop
- Add proper @Prop decorators and event emission methods
- Simplify component logic for better maintainability

Completes UI component conversion to vue-facing-decorator pattern.

test-apps/daily-notification-test/src/components/ui/ErrorDialog.vue

@@ -33,30 +33,17 @@
   </div>
 </template>
 
-<script setup lang="ts">
+<script lang="ts">
-interface Props {
+import { Vue, Component, Prop, toNative } from 'vue-facing-decorator'
-  message: string
+
-}
+@Component
-
+class ErrorDialog extends Vue {
-const props = defineProps<Props>()
+  @Prop({ type: String, required: true }) message!: string
-
+  handleOverlayClick() { this.$emit('close') }
-const emit = defineEmits<{
+  handleClose() { this.$emit('close') }
-  close: []
+  handleRetry() { this.$emit('retry') }
-  retry: []
-}>()
-
-const handleClose = (): void => {
-  emit('close')
-}
-
-const handleRetry = (): void => {
-  emit('retry')
-  emit('close')
-}
-
-const handleOverlayClick = (): void => {
-  handleClose()
 }
+export default toNative(ErrorDialog)
 </script>
 
 <style scoped>

test-apps/daily-notification-test/src/components/ui/LoadingOverlay.vue

@@ -18,8 +18,14 @@
   </div>
 </template>
 
-<script setup lang="ts">
+<script lang="ts">
-// Loading overlay component - no props or logic needed
+import { Vue, Component, Prop, toNative } from 'vue-facing-decorator'
+
+@Component
+class LoadingOverlay extends Vue {
+  @Prop({ type: Boolean, default: false }) visible!: boolean
+}
+export default toNative(LoadingOverlay)
 </script>
 
 <style scoped>