Reuse common dateStyle

app/pages/hunt/[huntSlug]/[questSlug]/index.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import ClickableImage from '~/components/ClickableImage.vue';
 import { useTitleStore } from '~/stores/title';
+import { fullDate } from '~~/server/utils/date';
 
 definePageMeta({
   middleware: ['auth']
@@ -11,7 +12,7 @@ const app = useNuxtApp();
 const { user } = useUserSession();
 const { huntSlug, questSlug } = app.$slugData;
 
-const { t, locale, d } = useI18n();
+const { t, d } = useI18n();
 
 const titleStore = useTitleStore();
 
@@ -162,12 +163,7 @@ const createImageURL = (file: File) => URL.createObjectURL(file);
             <VaChip color="success">{{ data.answer.review.score }}</VaChip>
             <span v-if="data.answer.review.reviewer" class="text-sm">
               by {{ data.answer.review.reviewer.name }} at
-              {{
-                d(data.answer.updatedAt, {
-                  dateStyle: 'medium',
-                  timeStyle: 'medium'
-                })
-              }}</span
+              {{ d(data.answer.updatedAt, fullDate) }}</span
             >
           </p>
           <p class="italic">{{ data.answer.review.review }}</p>
@@ -226,16 +222,7 @@ const createImageURL = (file: File) => URL.createObjectURL(file);
             />
             <p v-if="data.answer?.updatedAt">
               Last update:
-              {{
-                d(
-                  data.answer.updatedAt,
-                  {
-                    dateStyle: 'medium',
-                    timeStyle: 'medium'
-                  },
-                  locale
-                )
-              }}
+              {{ d(data.answer.updatedAt, fullDate) }}
               by {{ data.answer.member.name }}
             </p>
             <VaCheckbox