move components where they belong

components/DateInput.vue

@@ -52,7 +52,7 @@ v-col(cols=12)
 import dayjs from 'dayjs'
 import { mapState } from 'vuex'
 import List from '@/components/List'
-import { attributesFromEvents } from '../../assets/helper'
+import { attributesFromEvents } from '../assets/helper'
 
 export default {
   name: 'DateInput',

components/embedEvent.vue

@@ -16,7 +16,7 @@ v-card
 </template>
 <script>
 import { mapState } from 'vuex'
-import clipboard from '../../assets/clipboard'
+import clipboard from '../assets/clipboard'
 import { mdiContentCopy, mdiInformation } from '@mdi/js'
 
 export default {

pages/add/HourInput.vue

@@ -1,80 +0,0 @@
-<template lang="pug">
-  v-row
-    v-col.col-6
-      v-menu(v-model='startTimeMenu'
-        :close-on-content-click="false"
-        transition="slide-x-transition"
-        ref='startTimeMenu'
-        :return-value.sync="value.start"
-        offset-y
-        absolute
-        top
-        max-width="290px"
-        min-width="290px")
-        template(v-slot:activator='{ on }')
-          v-text-field(
-            :label="$t('event.from')"
-            prepend-icon='mdi-clock'
-            :rules="[$validators.required('event.from')]"
-            :value='value.start'
-            v-on='on'
-            clearable)
-        v-time-picker(
-          v-if='startTimeMenu'
-          :label="$t('event.from')"
-          format="24hr"
-          ref='time_start'
-          :allowed-minutes="[0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55]"
-          v-model='value.start'
-          @click:minute="selectTime('start')")
-
-    v-col.col-6
-      v-menu(v-model='endTimeMenu'
-          :close-on-content-click="false"
-          transition="slide-x-transition"
-          ref='endTimeMenu'
-          :return-value.sync="time.end"
-          offset-y
-          absolute
-          top
-          max-width="290px"
-          min-width="290px")
-        template(v-slot:activator='{ on }')
-          v-text-field(
-            prepend-icon='mdi-clock'
-            :label="$t('event.due')"
-            :value='value.end'
-            v-on='on'
-            clearable
-            readonly)
-        v-time-picker(
-          v-if='endTimeMenu'
-          :label="$t('event.due')"
-          format="24hr"
-          :allowed-minutes="[0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55]"
-          v-model='value.end'
-          @click:minute="selectTime('end')")
-
-</template>
-<script>
-export default {
-  name: 'HourInput',
-  props: {
-    value: { type: Object, default: () => { } }
-  },
-  data () {
-    return {
-      // time: { start: this.value.start, end: this.value.end },
-      time: {},
-      startTimeMenu: false,
-      endTimeMenu: false
-    }
-  },
-  methods: {
-    selectTime (type) {
-      this.$refs[`${type}TimeMenu`].save(this.value[type])
-      this.$emit('input', this.value)
-    }
-  }
-}
-</script>

pages/event/_slug.vue

@@ -141,8 +141,8 @@ export default {
   name: 'Event',
   mixins: [clipboard],
   components: {
-    EventAdmin: () => import(/* webpackChunkName: "event" */'./eventAdmin'),
-    EmbedEvent: () => import(/* webpackChunkName: "event" */'./embedEvent'),
+    EventAdmin: () => import(/* webpackChunkName: "event" */'@/components/eventAdmin'),
+    EmbedEvent: () => import(/* webpackChunkName: "event" */'@/components/embedEvent'),
     MyPicture
   },
   async asyncData ({ $axios, params, error }) {

pages/setup/_db.vue

@@ -18,9 +18,9 @@ v-container.pa-6
         Completed(ref='completed' :isHttp='isHttp')
 </template>
 <script>
-import DbStep from './DbStep'
-import Settings from '../../components/admin/Settings'
-import Completed from './Completed'
+import DbStep from '@/components/DbStep'
+import Settings from '@/components/admin/Settings'
+import Completed from '@/components/Completed'
 
 export default {
   components: { DbStep, Settings, Completed },