refactor: replace custom CRM with Monica fork

resources/js/components/people/lifeevent/content/CreateDefaultLifeEvent.vue

@@ -0,0 +1,61 @@
+<template>
+  <div>
+    <div class="ph4 pv3 mb3 mb0-ns bb b--gray-monica">
+      <label for="event-name" class="mr2">
+        {{ $t('people.life_event_create_default_title') }}
+      </label>
+      <input id="event-name" v-model="defaultEvent.name" autofocus class="br2 f5 w-100 ba b--black-40 pa2 outline-0" @input="broadcastContentChange" />
+    </div>
+
+    <div class="ph4 pv3 mb3 mb0-ns bb b--gray-monica">
+      <label for="description" class="mr2">
+        {{ $t('people.life_event_create_default_story') }}
+      </label>
+      <form-textarea
+        id="description"
+        v-model="defaultEvent.note"
+        :required="false"
+        :no-label="true"
+        :rows="4"
+        :placeholder="$t('people.life_event_create_default_description')"
+        @input="broadcastContentChange"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import moment from 'moment';
+
+export default {
+  data() {
+    return {
+      defaultEvent: {
+        name: '',
+        note: '',
+        specific_information: '',
+      },
+    };
+  },
+
+  computed: {
+    dirltr() {
+      return this.$root.htmldir === 'ltr';
+    }
+  },
+
+  mounted() {
+    this.prepareComponent();
+  },
+
+  methods: {
+    prepareComponent() {
+      this.defaultEvent.happened_at = moment().format('YYYY-MM-DD');
+    },
+
+    broadcastContentChange() {
+      this.$emit('contentChange', this.defaultEvent);
+    },
+  }
+};
+</script>