feat(editor): date formats in entity

src/components/editor/aside/AsideBar.vue

@@ -90,7 +90,7 @@
       <HeroIcon>
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="h-6 w-6"
+          class="h-5 w-5"
           fill="none"
           viewBox="0 0 24 24"
           stroke="currentColor"

src/components/editor/text/TextInput.vue

@@ -26,6 +26,7 @@
 
 <script setup lang="ts">
   import { ContextStatePageContent } from '@/types/context'
+  import { useFormat } from '@/use/format'
   import { ref, computed, watch } from 'vue'
   import { useI18n } from 'vue-i18n'
   import { useStore } from 'vuex'
@@ -88,8 +89,12 @@
       id: store.state.context.totalEntityCreated,
       type: type.value,
       raw: props.modelValue,
+      createdAt: useFormat().actually(),
+      updatedAt: useFormat().actually(),
     } as ContextStatePageContent
 
+    console.log(content)
+
     type.value = 'paragraph'
     input.value.placeholder = t('editor.text.placeholder.paragraph')
 

src/store/module/context.ts

@@ -1,5 +1,4 @@
 import { ContextState, ContextStatePageContent } from '@/types/context'
-import { objectToString } from '@vue/shared'
 
 export default {
   namespaced: true,

src/types/context.ts

@@ -8,4 +8,6 @@ export interface ContextStatePageContent {
   id: number
   type: string
   raw: string
+  createdAt: string
+  updatedAt: string
 }

src/use/format.ts

@@ -0,0 +1,13 @@
+import { format } from 'date-fns'
+
+export const useFormat = () => {
+  const simple = (date: Date): string => {
+    return format(date, 'yyyy-MM-dd:HH:mm:ss.OOOO')
+  }
+
+  const actually = (): string => {
+    return simple(new Date())
+  }
+
+  return { simple, actually }
+}