feat: rename list to project everywhere

fix: project table view

fix: e2e tests

fix: typo in readme

fix: list view route

fix: don't wait until background is loaded for list to show

fix: rename component imports

fix: lint

fix: parse task text

fix: use list card grid

fix: use correct class names

fix: i18n keys

fix: load project

fix: task overview

fix: list view spacing

fix: find project

fix: setLoading when updating a project

fix: loading saved filter

fix: project store loading

fix: color picker import

fix: cypress tests

feat: migrate old list settings

chore: add const for project settings

fix: wrong projecten rename from lists

chore: rename unused variable

fix: editor list

fix: shortcut list class name

fix: pagination list class name

fix: notifications list class name

fix: list view variable name

chore: clarify comment

fix: i18n keys

fix: router imports

fix: comment

chore: remove debugging leftover

fix: remove duplicate variables

fix: change comment

fix: list view variable name

fix: list view css class name

fix: list item property name

fix: name update tasks function correctly

fix: update comment

fix: project create route

fix: list view class names

fix: list view component name

fix: result list class name

fix: animation class list name

fix: change debug log

fix: revert a few navigation changes

fix: use @ for imports of all views

fix: rename link share list class

fix: remove unused css class

fix: dynamically import project components again

src/components/input/SelectProject.vue

@@ -1,12 +1,12 @@
 <template>
 	<multiselect
-		v-model="selectedLists"
-		:search-results="foundLists"
-		:loading="listService.loading"
+		v-model="selectedProjects"
+		:search-results="foundProjects"
+		:loading="projectService.loading"
 		:multiple="true"
-		:placeholder="$t('list.search')"
+		:placeholder="$t('project.search')"
 		label="title"
-		@search="findLists"
+		@search="findProjects"
 	/>
 </template>
 
@@ -15,49 +15,49 @@ import {computed, ref, shallowReactive, watchEffect, type PropType} from 'vue'
 
 import Multiselect from '@/components/input/multiselect.vue'
 
-import type {IList} from '@/modelTypes/IList'
+import type {IProject} from '@/modelTypes/IProject'
 
-import ListService from '@/services/list'
+import ProjectService from '@/services/project'
 import {includesById} from '@/helpers/utils'
 
 const props = defineProps({
 	modelValue: {
-		type: Array as PropType<IList[]>,
+		type: Array as PropType<IProject[]>,
 		default: () => [],
 	},
 })
 const emit = defineEmits<{
-	(e: 'update:modelValue', value: IList[]): void
+	(e: 'update:modelValue', value: IProject[]): void
 }>()
 
-const lists = ref<IList[]>([])
+const projects = ref<IProject[]>([])
 
 watchEffect(() => {
-	lists.value = props.modelValue
+	projects.value = props.modelValue
 })
 
-const selectedLists = computed({
+const selectedProjects = computed({
 	get() {
-		return lists.value
+		return projects.value
 	},
 	set: (value) => {
-		lists.value = value
+		projects.value = value
 		emit('update:modelValue', value)
 	},
 })
 
-const listService = shallowReactive(new ListService())
-const foundLists = ref<IList[]>([])
+const projectService = shallowReactive(new ProjectService())
+const foundProjects = ref<IProject[]>([])
 
-async function findLists(query: string) {
+async function findProjects(query: string) {
 	if (query === '') {
-		foundLists.value = []
+		foundProjects.value = []
 		return
 	}
 
-	const response = await listService.getAll({}, {s: query}) as IList[]
+	const response = await projectService.getAll({}, {s: query}) as IProject[]
 
 	// Filter selected items from the results
-	foundLists.value = response.filter(({id}) => !includesById(lists.value, id))
+	foundProjects.value = response.filter(({id}) => !includesById(projects.value, id))
 }
 </script>

src/components/input/editor.vue

@@ -286,11 +286,11 @@ function handleCheckboxClick(e: Event) {
 		console.debug('no index found')
 		return
 	}
-	const listPrefix = text.value.substring(index, index + 1)
+	const projectPrefix = text.value.substring(index, index + 1)
 	
-	console.debug({index, listPrefix, checked, text: text.value})
+	console.debug({index, projectPrefix, checked, text: text.value})
 
-	text.value = replaceAt(text.value, index, `${listPrefix} ${checked ? '[x]' : '[ ]'} `)
+	text.value = replaceAt(text.value, index, `${projectPrefix} ${checked ? '[x]' : '[ ]'} `)
 	bubble()
 	renderPreview()
 }