Add dynamic text compiling and dynamic children list rendering on DOM.

app/pages/admin/jobs.vue

@@ -23,7 +23,7 @@ definePageMeta({
 const job = ref<string>('');
 
 const payload = reactive<Record<string, any>>({
-    data: JSON.stringify({ username: "Peaceultime", id: 1, timestamp: Date.now() }),
+    data: JSON.stringify({ username: "Peaceultime", id: 1, userId: 1, timestamp: Date.now() }),
     to: 'clem31470@gmail.com',
 });
 const data = ref(), status = ref<'idle' | 'pending' | 'success' | 'error'>('idle'), success = ref(false), error = ref<Error | null>();