Rename variables and ignore the entire vscode folder

.gitignore

@@ -13,6 +13,7 @@ dist-ssr
 *.local
 
 # Editor directories and files
+.vscode
 .vscode/*
 !.vscode/extensions.json
 .idea

front-end/src/App.vue

@@ -17,13 +17,13 @@ const date = ref(new Date());
 const email = ref("");
 const failedLogin = ref(false);
 const isLogged = ref(pb.authStore.isValid);
-const org = ref("");
+const organisation = ref("");
 const organisations = ref<Organisation[]>([]);
 const password = ref("");
 const projects = ref<Project[]>([]);
 const toast = useToast();
 
-watch(org, async () => {
+watch(organisation, async () => {
   await getProjects();
 });
 
@@ -59,7 +59,7 @@ async function logout() {
 }
 
 async function getProjects() {
-  const filter = pb.filter("organisation = {:organisation}", { organisation: org.value });
+  const filter = pb.filter("organisation = {:organisation}", { organisation: organisation.value });
 
   const records = await pb.collection<Project>("projects").getFullList(500, {
     filter,
@@ -72,8 +72,8 @@ async function getProjects() {
 async function getOrganisations() {
   const records = await pb.collection<Organisation>("organisations").getFullList();
   organisations.value = [...records];
-  if (org.value === "" && records.length > 0) {
+  if (organisation.value === "" && records.length > 0) {
-    org.value = records[0].id;
+    organisation.value = records[0].id;
   }
 }
 
@@ -88,13 +88,13 @@ function setDate(newDate: Date) {
     <template #center>
       <template v-if="isLogged">
         <Select
-          v-model="org"
+          v-model="organisation"
           :options="organisations"
           optionLabel="name"
           optionValue="id"
           placeholder="Organisation"
         />
-        <Controls @date="setDate" :projects="projects" :org="org" v-if="org !== ''" />
+        <Controls @date="setDate" :projects="projects" :org="organisation" v-if="organisation !== ''" />
       </template>
     </template>
     <template #end>
@@ -109,9 +109,9 @@ function setDate(newDate: Date) {
     </template>
   </Toolbar>
   <EntryTable
-    :org="org"
+    :org="organisation"
     :date="date"
     :projects="projects"
-    v-if="isLogged && org !== ''"
+    v-if="isLogged && organisation !== ''"
   />
 </template>

front-end/src/components/EntryTable.vue

@@ -30,17 +30,17 @@ const props = defineProps<{
   projects: Project[];
 }>();
 
-const orgWatch = toRef(() => props.org);
-const dateWatch = toRef(() => props.date);
-const entries = ref<Entry[]>([]);
 const editingRows = ref([]);
+const entries = ref<Entry[]>([]);
 const newEntrySelection = ref("");
+const watchDate = toRef(() => props.date);
+const watchOrganisation = toRef(() => props.org);
 
-watch(dateWatch, () => {
+watch(watchDate, () => {
   getEntries().then();
 });
 
-watch(orgWatch, () => {
+watch(watchOrganisation, () => {
   getEntries().then();
 });
 
@@ -69,15 +69,15 @@ const summaries = computed(() => {
   }
 
   const result: { key: string; start: Date; end: Date }[] = [];
-  let cumsum = 0;
+  let cumulative_sum = 0;
   for (const key in minutes) {
     const start = new Date(props.date.getTime());
     start.setHours(8, 0, 0);
-    start.setMinutes(start.getMinutes() + cumsum);
+    start.setMinutes(start.getMinutes() + cumulative_sum);
-    cumsum += minutes[key];
+    cumulative_sum += minutes[key];
     const end = new Date(props.date.getTime());
     end.setHours(8, 0, 0);
-    end.setMinutes(end.getMinutes() + cumsum);
+    end.setMinutes(end.getMinutes() + cumulative_sum);
     result.push({ key, start, end });
   }