feat: rename files with list to project

src/views/project/settings/archive.vue

@@ -0,0 +1,49 @@
+<template>
+	<modal
+		@close="$router.back()"
+		@submit="archiveList()"
+	>
+		<template #header><span>{{ list.isArchived ? $t('list.archive.unarchive') : $t('list.archive.archive') }}</span></template>
+		
+		<template #text>
+			<p>{{ list.isArchived ? $t('list.archive.unarchiveText') : $t('list.archive.archiveText') }}</p>
+		</template>
+	</modal>
+</template>
+
+<script lang="ts">
+export default {name: 'list-setting-archive'}
+</script>
+
+<script setup lang="ts">
+import {computed} from 'vue'
+import {useRouter, useRoute} from 'vue-router'
+import {useI18n} from 'vue-i18n'
+
+import {success} from '@/message'
+import {useTitle} from '@/composables/useTitle'
+
+import {useBaseStore} from '@/stores/base'
+import {useListStore} from '@/stores/lists'
+
+const {t} = useI18n({useScope: 'global'})
+const listStore = useListStore()
+const router = useRouter()
+const route = useRoute()
+
+const list = computed(() => listStore.getListById(route.params.listId))
+useTitle(() => t('list.archive.title', {list: list.value.title}))
+
+async function archiveList() {
+	try {
+		const newList = await listStore.updateList({
+			...list.value,
+			isArchived: !list.value.isArchived,
+		})
+		useBaseStore().setCurrentList(newList)
+		success({message: t('list.archive.success')})
+	} finally {
+		router.back()
+	}
+}
+</script>

src/views/project/settings/share.vue

@@ -0,0 +1,74 @@
+<template>
+	<create-edit
+		:title="$t('list.share.header')"
+		:has-primary-action="false"
+	>
+		<template v-if="list">
+			<userTeam
+				:id="list.id"
+				:userIsAdmin="userIsAdmin"
+				shareType="user"
+				type="list"
+			/>
+			<userTeam
+				:id="list.id"
+				:userIsAdmin="userIsAdmin"
+				shareType="team"
+				type="list"
+			/>
+		</template>
+
+		<link-sharing :list-id="listId" v-if="linkSharingEnabled" class="mt-4"/>
+	</create-edit>
+</template>
+
+<script lang="ts">
+export default {name: 'list-setting-share'}
+</script>
+
+<script lang="ts" setup>
+import {ref, computed, watchEffect} from 'vue'
+import {useRoute} from 'vue-router'
+import {useI18n} from 'vue-i18n'
+import {useTitle} from '@vueuse/core'
+
+import ListService from '@/services/list'
+import ListModel from '@/models/list'
+import type {IList} from '@/modelTypes/IList'
+import {RIGHTS} from '@/constants/rights'
+
+import CreateEdit from '@/components/misc/create-edit.vue'
+import LinkSharing from '@/components/sharing/linkSharing.vue'
+import userTeam from '@/components/sharing/userTeam.vue'
+
+import {useBaseStore} from '@/stores/base'
+import {useConfigStore} from '@/stores/config'
+
+const {t} = useI18n({useScope: 'global'})
+
+const list = ref<IList>()
+const title = computed(() => list.value?.title
+	? t('list.share.title', {list: list.value.title})
+	: '',
+)
+useTitle(title)
+
+const configStore = useConfigStore()
+
+const linkSharingEnabled = computed(() => configStore.linkSharingEnabled)
+const userIsAdmin = computed(() => list?.value?.maxRight === RIGHTS.ADMIN)
+
+async function loadList(listId: number) {
+	const listService = new ListService()
+	const newList = await listService.get(new ListModel({id: listId}))
+	await useBaseStore().handleSetCurrentList({list: newList})
+	list.value = newList
+}
+
+const route = useRoute()
+const listId = computed(() => route.params.listId !== undefined
+	? parseInt(route.params.listId as string)
+	: undefined,
+)
+watchEffect(() => listId.value !== undefined && loadList(listId.value))
+</script>