Flatten module structure

app/src/modules/activity/components/navigation.vue

@@ -64,7 +64,6 @@
 				{{ $t('login') }}
 			</v-list-item-content>
 		</v-list-item>
-
 	</v-list>
 </template>
 

app/src/modules/activity/components/navigation/index.ts

@@ -1,4 +0,0 @@
-import ActivityNavigation from './navigation.vue';
-
-export { ActivityNavigation };
-export default ActivityNavigation;

app/src/modules/activity/index.ts

@@ -1,6 +1,6 @@
 import { defineModule } from '@/modules/define';
-import ActivityBrowse from './routes/browse/';
-import ActivityDetail from './routes/detail/';
+import ActivityBrowse from './routes/browse.vue';
+import ActivityDetail from './routes/detail.vue';
 
 export default defineModule(({ i18n }) => ({
 	id: 'activity',

app/src/modules/activity/routes/browse.vue

@@ -44,7 +44,7 @@
 
 <script lang="ts">
 import { defineComponent, computed, ref } from '@vue/composition-api';
-import ActivityNavigation from '../../components/navigation/';
+import ActivityNavigation from '../components/navigation.vue';
 import { i18n } from '@/lang';
 import { LayoutComponent } from '@/layouts/types';
 import usePreset from '@/composables/use-collection-preset';

app/src/modules/activity/routes/browse/index.ts

@@ -1,4 +0,0 @@
-import ActivityBrowse from './browse.vue';
-
-export { ActivityBrowse };
-export default ActivityBrowse;

app/src/modules/activity/routes/detail/index.ts

@@ -1,4 +0,0 @@
-import ActivityDetail from './detail.vue';
-
-export { ActivityDetail };
-export default ActivityDetail;

app/src/modules/collections/components/navigation.vue

@@ -29,7 +29,7 @@
 
 <script lang="ts">
 import { defineComponent, computed } from '@vue/composition-api';
-import useNavigation from '../../composables/use-navigation';
+import useNavigation from '../composables/use-navigation';
 import { usePresetsStore } from '@/stores/';
 
 export default defineComponent({

app/src/modules/collections/components/navigation/index.ts

@@ -1,4 +0,0 @@
-import CollectionsNavigation from './navigation.vue';
-
-export { CollectionsNavigation };
-export default CollectionsNavigation;

app/src/modules/collections/index.ts

@@ -1,8 +1,8 @@
 import { defineModule } from '@/modules/define';
-import CollectionsOverview from './routes/overview/';
-import CollectionsBrowseOrDetail from './routes/browse-or-detail/';
-import CollectionsDetail from './routes/detail/';
-import CollectionsItemNotFound from './routes/not-found';
+import CollectionsOverview from './routes/overview.vue';
+import CollectionsBrowseOrDetail from './routes/browse-or-detail.vue';
+import CollectionsDetail from './routes/detail.vue';
+import CollectionsItemNotFound from './routes/not-found.vue';
 import { NavigationGuard } from 'vue-router';
 
 const checkForSystem: NavigationGuard = (to, from, next) => {

app/src/modules/collections/routes/browse-or-detail.vue

@@ -5,8 +5,8 @@
 <script lang="ts">
 import { defineComponent, ref, computed } from '@vue/composition-api';
 import Vue from 'vue';
-import CollectionsBrowse from '../browse';
-import CollectionsDetail from '../detail';
+import CollectionsBrowse from './browse.vue';
+import CollectionsDetail from './detail.vue';
 import { useCollectionsStore } from '@/stores/';
 
 export default defineComponent({

app/src/modules/collections/routes/browse-or-detail/index.ts

@@ -1,4 +0,0 @@
-import CollectionsBrowseOrDetail from './browse-or-detail.vue';
-
-export { CollectionsBrowseOrDetail };
-export default CollectionsBrowseOrDetail;

app/src/modules/collections/routes/browse-or-detail/readme.md

@@ -1,3 +0,0 @@
-# Browse or Detail
-
-Renders either the browse page or the detail page depending on whether or not the collection is a singleton

app/src/modules/collections/routes/browse.vue

@@ -214,10 +214,10 @@
 
 <script lang="ts">
 import { defineComponent, computed, ref, watch, toRefs } from '@vue/composition-api';
-import CollectionsNavigation from '../../components/navigation/';
+import CollectionsNavigation from '../components/navigation.vue';
 import api from '@/api';
 import { LayoutComponent } from '@/layouts/types';
-import CollectionsNotFound from '../not-found/';
+import CollectionsNotFound from './not-found.vue';
 import useCollection from '@/composables/use-collection';
 import usePreset from '@/composables/use-collection-preset';
 import LayoutDrawerDetail from '@/views/private/components/layout-drawer-detail';

app/src/modules/collections/routes/browse/index.ts

@@ -1,4 +0,0 @@
-import CollectionsBrowse from './browse.vue';
-
-export { CollectionsBrowse };
-export default CollectionsBrowse;

app/src/modules/collections/routes/detail.vue

@@ -178,9 +178,9 @@
 <script lang="ts">
 import { defineComponent, computed, toRefs, ref } from '@vue/composition-api';
 
-import CollectionsNavigation from '../../components/navigation/';
+import CollectionsNavigation from '../components/navigation.vue';
 import router from '@/router';
-import CollectionsNotFound from '../not-found/';
+import CollectionsNotFound from './not-found.vue';
 import useCollection from '@/composables/use-collection';
 import RevisionsDrawerDetail from '@/views/private/components/revisions-drawer-detail';
 import CommentsDrawerDetail from '@/views/private/components/comments-drawer-detail';

app/src/modules/collections/routes/detail/index.ts

@@ -1,4 +0,0 @@
-import CollectionsDetail from './detail.vue';
-
-export { CollectionsDetail };
-export default CollectionsDetail;

app/src/modules/collections/routes/not-found.vue

@@ -14,7 +14,7 @@
 
 <script lang="ts">
 import { defineComponent } from '@vue/composition-api';
-import CollectionsNavigation from '../../components/navigation/';
+import CollectionsNavigation from '../components/navigation.vue';
 
 export default defineComponent({
 	components: { CollectionsNavigation },

app/src/modules/collections/routes/not-found/index.ts

@@ -1,4 +0,0 @@
-import NotFound from './not-found.vue';
-
-export { NotFound };
-export default NotFound;

app/src/modules/collections/routes/overview.vue

@@ -38,9 +38,9 @@
 
 <script lang="ts">
 import { defineComponent, computed } from '@vue/composition-api';
-import CollectionsNavigation from '../../components/navigation/';
+import CollectionsNavigation from '../components/navigation.vue';
 import { i18n } from '@/lang';
-import useNavigation, { NavItem } from '../../composables/use-navigation';
+import useNavigation, { NavItem } from '../composables/use-navigation';
 import router from '@/router';
 import { useUserStore } from '@/stores';
 

app/src/modules/collections/routes/overview/index.ts

@@ -1,4 +0,0 @@
-import CollectionsOverview from './overview.vue';
-
-export { CollectionsOverview };
-export default CollectionsOverview;

app/src/modules/files/components/add-folder.vue

@@ -23,7 +23,7 @@
 
 <script lang="ts">
 import { defineComponent, ref } from '@vue/composition-api';
-import useFolders from '../../composables/use-folders';
+import useFolders from '../composables/use-folders';
 import api from '@/api';
 import router from '@/router';
 

app/src/modules/files/components/add-folder/index.ts

@@ -1,4 +0,0 @@
-import AddFolder from './add-folder.vue';
-
-export { AddFolder };
-export default AddFolder;

app/src/modules/files/components/file-info-drawer-detail.vue

@@ -53,7 +53,7 @@
 			<div>
 				<dt>{{ $t('folder') }}</dt>
 				<dd>
-					<button @click="$emit('move-folder')">{{ (folder) ? folder.name : $t('file_library') }}</button>
+					<button @click="$emit('move-folder')">{{ folder ? folder.name : $t('file_library') }}</button>
 				</dd>
 			</div>
 
@@ -90,7 +90,6 @@
 		<v-divider />
 
 		<div class="page-description" v-html="marked($t('page_help_files_detail'))" />
-
 	</drawer-detail>
 </template>
 

app/src/modules/files/components/folder-picker/index.ts

@@ -1,4 +0,0 @@
-import FolderPicker from './folder-picker.vue';
-
-export default FolderPicker;
-export { FolderPicker };

app/src/modules/files/components/navigation-folder.vue

@@ -111,10 +111,10 @@
 
 <script lang="ts">
 import { defineComponent, PropType, ref, watch, computed } from '@vue/composition-api';
-import useFolders, { Folder } from '../../composables/use-folders';
+import useFolders, { Folder } from '../composables/use-folders';
 import notify from '@/utils/notify';
 import api from '@/api';
-import FolderPicker from '../folder-picker';
+import FolderPicker from './folder-picker.vue';
 import router from '@/router';
 
 export default defineComponent({

app/src/modules/files/components/navigation.vue

@@ -47,7 +47,7 @@
 
 <script lang="ts">
 import { defineComponent, computed, ref, watch } from '@vue/composition-api';
-import useFolders from '../../composables/use-folders';
+import useFolders from '../composables/use-folders';
 import NavigationFolder from './navigation-folder.vue';
 import arraysAreEqual from '@/utils/arrays-are-equal';
 

app/src/modules/files/components/navigation/index.ts

@@ -1,4 +0,0 @@
-import FilesNavigation from './navigation.vue';
-
-export { FilesNavigation };
-export default FilesNavigation;

app/src/modules/files/index.ts

@@ -1,7 +1,7 @@
 import { defineModule } from '@/modules/define';
-import FilesBrowse from './routes/browse/';
-import FilesDetail from './routes/detail/';
-import FilesAddNew from './routes/add-new/';
+import FilesBrowse from './routes/browse.vue';
+import FilesDetail from './routes/detail.vue';
+import FilesAddNew from './routes/add-new.vue';
 
 export default defineModule(({ i18n }) => ({
 	id: 'files',

app/src/modules/files/routes/add-new/index.ts

@@ -1,4 +0,0 @@
-import AddNew from './add-new.vue';
-
-export { AddNew };
-export default AddNew;

app/src/modules/files/routes/browse.vue

@@ -138,23 +138,23 @@
 
 <script lang="ts">
 import { defineComponent, computed, ref, PropType, onMounted, onUnmounted } from '@vue/composition-api';
-import FilesNavigation from '../../components/navigation/';
+import FilesNavigation from '../components/navigation.vue';
 import { i18n } from '@/lang';
 import api from '@/api';
 import { LayoutComponent } from '@/layouts/types';
 import usePreset from '@/composables/use-collection-preset';
 import FilterDrawerDetail from '@/views/private/components/filter-drawer-detail';
 import LayoutDrawerDetail from '@/views/private/components/layout-drawer-detail';
-import AddFolder from '../../components/add-folder';
+import AddFolder from '../components/add-folder.vue';
 import SearchInput from '@/views/private/components/search-input';
 import marked from 'marked';
-import FolderPicker from '../../components/folder-picker';
+import FolderPicker from '../components/folder-picker.vue';
 import emitter, { Events } from '@/events';
 import router from '@/router';
 import Vue from 'vue';
 import { useUserStore } from '@/stores';
 import { subDays } from 'date-fns';
-import useFolders from '../../composables/use-folders';
+import useFolders from '../composables/use-folders';
 
 type Item = {
 	[field: string]: any;

app/src/modules/files/routes/browse/index.ts

@@ -1,4 +0,0 @@
-import FilesBrowse from './browse.vue';
-
-export { FilesBrowse };
-export default FilesBrowse;

app/src/modules/files/routes/detail.vue

@@ -169,7 +169,7 @@
 
 <script lang="ts">
 import { defineComponent, computed, toRefs, ref, watch } from '@vue/composition-api';
-import FilesNavigation from '../../components/navigation/';
+import FilesNavigation from '../components/navigation.vue';
 import { i18n } from '@/lang';
 import router from '@/router';
 import RevisionsDrawerDetail from '@/views/private/components/revisions-drawer-detail';
@@ -182,12 +182,12 @@ import { nanoid } from 'nanoid';
 import FileLightbox from '@/views/private/components/file-lightbox';
 import { useFieldsStore } from '@/stores/';
 import { Field } from '@/types';
-import FileInfoDrawerDetail from './components/file-info-drawer-detail.vue';
+import FileInfoDrawerDetail from '../components/file-info-drawer-detail.vue';
 import useFormFields from '@/composables/use-form-fields';
-import FolderPicker from '../../components/folder-picker';
+import FolderPicker from '../components/folder-picker.vue';
 import api from '@/api';
 import getRootPath from '@/utils/get-root-path';
-import FilesNotFound from '../not-found/';
+import FilesNotFound from './not-found.vue';
 import useShortcut from '@/composables/use-shortcut';
 
 type Values = {

app/src/modules/files/routes/detail/index.ts

@@ -1,4 +0,0 @@
-import FilesDetail from './detail.vue';
-
-export { FilesDetail };
-export default FilesDetail;

app/src/modules/files/routes/not-found.vue

@@ -14,7 +14,7 @@
 
 <script lang="ts">
 import { defineComponent } from '@vue/composition-api';
-import FilesNavigation from '../../components/navigation/';
+import FilesNavigation from '../components/navigation.vue';
 
 export default defineComponent({
 	components: { FilesNavigation },

app/src/modules/files/routes/not-found/index.ts

@@ -1,4 +0,0 @@
-import NotFound from './not-found.vue';
-
-export { NotFound };
-export default NotFound;

app/src/modules/users/components/navigation.vue

@@ -29,7 +29,7 @@
 <script lang="ts">
 import { defineComponent } from '@vue/composition-api';
 
-import useNavigation from '../../composables/use-navigation';
+import useNavigation from '../composables/use-navigation';
 
 export default defineComponent({
 	props: {

app/src/modules/users/components/navigation/index.ts

@@ -1,4 +0,0 @@
-import UsersNavigation from './navigation.vue';
-
-export { UsersNavigation };
-export default UsersNavigation;

app/src/modules/users/index.ts

@@ -1,7 +1,7 @@
 import { defineModule } from '@/modules/define';
 
-import UsersBrowse from './routes/browse/';
-import UsersDetail from './routes/detail/';
+import UsersBrowse from './routes/browse.vue';
+import UsersDetail from './routes/detail.vue';
 
 export default defineModule(({ i18n }) => ({
 	id: 'users',

app/src/modules/users/routes/browse.vue

@@ -103,7 +103,7 @@
 
 <script lang="ts">
 import { defineComponent, computed, ref, PropType } from '@vue/composition-api';
-import UsersNavigation from '../../components/navigation/';
+import UsersNavigation from '../components/navigation.vue';
 
 import { i18n } from '@/lang';
 import api from '@/api';
@@ -112,7 +112,7 @@ import usePreset from '@/composables/use-collection-preset';
 import LayoutDrawerDetail from '@/views/private/components/layout-drawer-detail';
 import SearchInput from '@/views/private/components/search-input';
 import marked from 'marked';
-import useNavigation from '../../composables/use-navigation';
+import useNavigation from '../composables/use-navigation';
 
 type Item = {
 	[field: string]: any;

app/src/modules/users/routes/browse/index.ts

@@ -1,4 +0,0 @@
-import UsersBrowse from './browse.vue';
-
-export { UsersBrowse };
-export default UsersBrowse;

app/src/modules/users/routes/detail.vue

@@ -128,7 +128,7 @@
 <script lang="ts">
 import { defineComponent, computed, toRefs, ref, watch } from '@vue/composition-api';
 
-import UsersNavigation from '../../components/navigation/';
+import UsersNavigation from '../components/navigation.vue';
 import { i18n } from '@/lang';
 import router from '@/router';
 import RevisionsDrawerDetail from '@/views/private/components/revisions-drawer-detail';
@@ -139,7 +139,7 @@ import api from '@/api';
 import { useFieldsStore } from '@/stores/';
 import useFormFields from '@/composables/use-form-fields';
 import { Field } from '@/types';
-import UserInfoDrawerDetail from './components/user-info-drawer-detail.vue';
+import UserInfoDrawerDetail from '../components/user-info-drawer-detail.vue';
 import { getRootPath } from '@/utils/get-root-path';
 import useShortcut from '@/composables/use-shortcut';
 
@@ -381,10 +381,6 @@ export default defineComponent({
 	border: 2px solid var(--border-normal);
 	border-radius: var(--border-radius);
 
-	@include breakpoint(small) {
-		height: 172px;
-	}
-
 	.avatar {
 		--v-icon-color: var(--foreground-subdued);
 
@@ -400,12 +396,6 @@ export default defineComponent({
 		border: solid var(--border-width) var(--border-normal);
 		border-radius: var(--border-radius);
 
-		@include breakpoint(small) {
-			width: 144px;
-			height: 144px;
-			margin-right: 22px;
-		}
-
 		.v-skeleton-loader {
 			width: 100%;
 			height: 100%;
@@ -416,6 +406,12 @@ export default defineComponent({
 			height: 100%;
 			object-fit: cover;
 		}
+
+		@include breakpoint(small) {
+			width: 144px;
+			height: 144px;
+			margin-right: 22px;
+		}
 	}
 
 	.user-box-content {
@@ -430,13 +426,13 @@ export default defineComponent({
 		}
 
 		.v-chip {
-			margin-top: 4px;
-
 			--v-chip-color: var(--foreground-subdued);
 			--v-chip-background-color: var(--background-subdued);
 			--v-chip-color-hover: var(--foreground-subdued);
 			--v-chip-background-color-hover: var(--background-subdued);
 
+			margin-top: 4px;
+
 			&.active {
 				--v-chip-color: var(--primary);
 				--v-chip-background-color: var(--primary-25);
@@ -448,5 +444,9 @@ export default defineComponent({
 			color: var(--foreground-subdued);
 		}
 	}
+
+	@include breakpoint(small) {
+		height: 172px;
+	}
 }
 </style>

app/src/modules/users/routes/detail/index.ts

@@ -1,4 +0,0 @@
-import UsersDetail from './detail.vue';
-
-export { UsersDetail };
-export default UsersDetail;