consolidate date handling, reuse updated formatDate util

website/pages/index.vue

@@ -2,6 +2,7 @@
 import { ref, computed } from "vue";
 import { type Workflow, type WorkflowCollection } from "~/models/workflow";
 import { useWorkflowStore } from "~/stores/workflows";
+import { formatDate } from "~/utils/";
 
 const searchQuery = ref("");
 const selectedWorkflow = ref<Workflow | null>(null);
@@ -36,11 +37,6 @@ function selectWorkflow(workflow: Workflow) {
     selectedWorkflow.value = workflow;
     scrollToWorkflow(workflow);
 }
-
-function formatDate(isoString: string): string {
-    const date = new Date(isoString);
-    return date.toLocaleDateString(undefined, { year: "numeric", month: "short", day: "numeric" });
-}
 </script>
 
 <template>

website/pages/workflow/[id].vue

@@ -4,19 +4,12 @@ import { useRoute } from "vue-router";
 import MarkdownRenderer from "~/components/MarkdownRenderer.vue";
 import Author from "~/components/Author.vue";
 import { useWorkflowStore } from "~/stores/workflows";
+import { formatDate } from "~/utils/";
 
 const route = useRoute();
 const workflowStore = useWorkflowStore();
 const workflow = computed(() => workflowStore.workflow);
 
-const formatDate = (date: string) => {
-    return new Date(date).toLocaleDateString("en-US", {
-        year: "numeric",
-        month: "long",
-        day: "numeric",
-    });
-};
-
 // TODO: Add a component for authors.  For now, just have a computed that grabs names and joins them
 const authors = computed(() => {
     let authorLine = "";
@@ -143,6 +136,7 @@ const onInstanceChange = (value: string) => {
                         <Author :author="author" />
                     </li>
                     <li><strong>Release:</strong> {{ workflow.definition.release }}</li>
+                    <li><strong>Updated:</strong> {{ formatDate(workflow.updated) }}</li>
                     <li><strong>License:</strong> {{ workflow.definition.license }}</li>
                     <li><strong>UniqueID:</strong> {{ workflow.definition.uuid }}</li>
                 </ul>

website/utils/index.ts

@@ -0,0 +1,10 @@
+/**
+ * Formats an ISO timestamp into a readable date string.
+ *
+ * @param isoString - The ISO timestamp string to format.
+ * @returns A formatted date string in the format "Month Day, Year".
+ */
+export function formatDate(isoString: string): string {
+    const date = new Date(isoString);
+    return date.toLocaleDateString(undefined, { year: "numeric", month: "short", day: "numeric" });
+}