vue3 #815

Merged
dpschen merged 107 commits from vue3 into main 2021-10-17 21:17:05 +00:00
Member

Things left to fix

#### Things left to fix * [x] Creating a new task with a list specified in quick add magic * [x] Opening a task yields `TypeError: _ctx.currentList is null` and completly breaks when opening from kanban * [x] Moving a task between buckets in kanban fails with a vuex state mutation error if that task has labels or other attributes set * [x] transform script/bash for crowdin sync * [x] Changing the language does not work * [x] `Uncaught (in promise) TypeError: i18n.setLocaleMessage is not a function` * [x] Probably related: `TypeError: this.$t is not a function` * [x] Adding a list to favorites breaks everything ("Request aborted") and reloads the whole app * [x] Saving user settings (General) leads to a vuex state mutation violation * [x] In various places: [`(deprecation ATTR_ENUMERATED_COERCION) Enumerated attribute "spellcheck" with v-bind value `false` will render the value as-is instead of coercing the value to "true" in Vue 3. Always use explicit "true" or "false" values for enumerated attributes.`](https://v3.vuejs.org/guide/migration/attribute-coercion.html ) * [x] Kanban board * [x] ~~User avatar upload~~ Looks like this is an issue with vue-advanced-cropper, nothing to fix here * [x] List edit * [x] Registration/Login errors bubble up to the error handler which then re-throws them leading to test failures -> #865 * [x] ~~Migration images are missing~~ not a vue 3 issues, see #864
dpschen added the
kind/feature
label 2021-10-03 13:11:04 +00:00
dpschen added 25 commits 2021-10-03 13:11:05 +00:00
e779681905
feat: upgrade to packages for vue 3
- vue3-notification
- vue-advanced-cropper 2
- vuedraggable 4
- vue-shortkey -> moved in repo
continuous-integration/drone/pr Build is failing Details
aeabc42844
fix newList.vue
continuous-integration/drone/pr Build is failing Details
15640e98ec
feat: simplify filter-popup
dpschen added a new dependency 2021-10-03 13:13:32 +00:00
dpschen force-pushed vue3 from ccfa67298b to 66648be6d5 2021-10-03 13:28:03 +00:00 Compare
dpschen added the
help wanted
label 2021-10-03 13:31:32 +00:00
dpschen requested review from konrad 2021-10-03 15:42:44 +00:00
dpschen removed a dependency 2021-10-03 15:53:22 +00:00
dpschen added a new dependency 2021-10-03 15:53:40 +00:00
konrad reviewed 2021-10-03 19:13:39 +00:00
.drone.yml Outdated
@ -5,6 +5,7 @@ trigger:
branch:
include:
- main
- vue3

That should not be required since there's a PR open for that branch.

That should not be required since there's a PR open for that branch.
Author
Member

Done!

Done!
Author
Member

I think it's needed, because after 5c291530ab the pull request #819 didn't update anymore when trying a new setting.

I think it's needed, because after 5c291530ab the pull request https://kolaente.dev/vikunja/frontend/pulls/819 didn't update anymore when trying a new setting.
Author
Member

I readded this.

I readded this.
dpschen marked this conversation as resolved
@ -34,2 +49,4 @@
color: '',
lastChangeTimeout: null,
defaultColors: DEFAULT_COLORS,
colorListID: createRandomID(),

What about using this._uid here?

What about using `this._uid` here?
Author
Member

As far as I know it's still not endorsed: https://github.com/vuejs/vue/issues/5886#issuecomment-308625735

As far as I know it's still not endorsed: https://github.com/vuejs/vue/issues/5886#issuecomment-308625735
Author
Member

Fixed in 5c291530ab (other pull request)

Fixed in https://kolaente.dev/vikunja/frontend/commit/5c291530ab3ae2062228a6e2bb0a9887985330aa (other pull request)

I see. We're using this._uid in the editor, time to change that I guess.

I see. We're using `this._uid` in the editor, time to change that I guess.
Author
Member

Added the helper to the editor aswell in 18d7ca0820

Added the helper to the editor aswell in https://kolaente.dev/vikunja/frontend/commit/18d7ca0820713c6db5bcfddeef6bd8f2ff34d65d
dpschen marked this conversation as resolved
@ -23,3 +23,3 @@
"usernamePlaceholder": "z.B. frederick",
"email": "E-Mail-Adresse",
"emailPlaceholder": "z.B. frederic@vikunja.io",
"emailPlaceholder": "z.B. frederic{'@'}vikunja.io",

That should be changed in Crowdin as it will get overridden when translations are updated.

What does that do actually?

That should be changed in Crowdin as it will get overridden when translations are updated. What does that do actually?
Author
Member

Yes I know, I didn't want to change that as long as crowdin is also the source for the vue2 version since it would break there.

It's a really weird breaking change of vue-i18n v9: https://vue-i18n.intlify.dev/guide/migration/breaking.html#special-character-handling

Yes I know, I didn't want to change that as long as crowdin is also the source for the vue2 version since it would break there. It's a really weird breaking change of vue-i18n v9: https://vue-i18n.intlify.dev/guide/migration/breaking.html#special-character-handling

mhh then that should go in the ci step that updates translations from crowdin: https://kolaente.dev/vikunja/frontend/src/branch/main/.drone.yml#L604

mhh then that should go in the ci step that updates translations from crowdin: https://kolaente.dev/vikunja/frontend/src/branch/main/.drone.yml#L604
Author
Member

You mean patching this change during that step?

You mean patching this change during that step?
Author
Member

I'm not sure how to solve this. Can you help me with this?

I'm not sure how to solve this. Can you help me with this?

The CI syncs the translations here - we would need to add a script there (maybe just using sed would work already) that replaces all @ with {'@'} in the newly synced files.

The CI syncs the translations [here](https://kolaente.dev/vikunja/frontend/src/branch/main/.drone.yml#L592) - we would need to add a script there (maybe just using sed would work already) that replaces all `@` with `{'@'}` in the newly synced files.
Author
Member

Wouldn't that lead to multiple levels of nesting?

b79d238bdc

So wouldn't it produce something like this: {'{'@'}'}?

Wouldn't that lead to multiple levels of nesting? https://kolaente.dev/vikunja/frontend/commit/b79d238bdc91bc1ebf0d27c1b794f4db40d12218 So wouldn't it produce something like this: `{'{'@'}'}`?

It wouldn't since the sync job always downloads a fresh copy from crowdin. And we could easily create a regex that pays attention to these kinds of things.

It wouldn't since the sync job always downloads a fresh copy from crowdin. And we could easily create a regex that pays attention to these kinds of things.

After second though, it's probably enough to change this in the en base translation and then in crowdin.

After second though, it's probably enough to change this in the en base translation and then in crowdin.
Author
Member

I think this makes it impossible to use the translation for the vue2 branch.

I think this makes it impossible to use the translation for the vue2 branch.

Yes, but I don't think that's a problem as all translations for that string will be invalidated when the change in the en translation file is synced to crowdin.

Yes, but I don't think that's a problem as all translations for that string will be invalidated when the change in the en translation file is synced to crowdin.
konrad marked this conversation as resolved
dpschen added 1 commit 2021-10-07 10:21:18 +00:00
continuous-integration/drone/pr Build is failing Details
3a7a4bdc42
Merge branch 'main' into vue3
# Conflicts:
#	src/components/input/editor.vue
#	src/components/list/partials/filters.vue
#	src/components/tasks/partials/editAssignees.vue
#	src/helpers/find.ts
#	src/helpers/time/formatDate.js
#	src/main.ts
#	src/store/modules/attachments.js
#	src/store/modules/kanban.js
#	src/views/list/views/List.vue
#	yarn.lock
dpschen added 1 commit 2021-10-11 15:50:32 +00:00
continuous-integration/drone/pr Build is failing Details
59401bc1da
fix: vue3 types
dpschen added 1 commit 2021-10-11 15:56:57 +00:00
continuous-integration/drone/pr Build is failing Details
continuous-integration/drone/push Build is failing Details
43b22360a5
chore: add vue3 branch as drone branch trigger
dpschen removed the
help wanted
label 2021-10-11 16:29:40 +00:00
dpschen added 29 commits 2021-10-15 18:06:56 +00:00
continuous-integration/drone/push Build is failing Details
36d4599276
fix: unassign user success messgage (#831)
Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: #831
Reviewed-by: konrad <k@knt.li>
Co-authored-by: dpschen <dpschen@noreply.kolaente.de>
Co-committed-by: dpschen <dpschen@noreply.kolaente.de>
continuous-integration/drone/push Build is passing Details
3c5c3cad10
chore: remove unneeded babel packages and add peerDependencies (#828)
Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: #828
Reviewed-by: konrad <k@knt.li>
Co-authored-by: dpschen <dpschen@noreply.kolaente.de>
Co-committed-by: dpschen <dpschen@noreply.kolaente.de>
continuous-integration/drone/pr Build is passing Details
continuous-integration/drone/push Build is passing Details
17d791027c
feat: add legacy build
35c861b711
feat: create randomId helper and use everywhere
Co-authored-by: konrad <konrad@kola-entertainments.de>
continuous-integration/drone/pr Build is passing Details
fd77aaa123
fix: add timeout to wait for move to finish
continuous-integration/drone/pr Build is passing Details
18d7ca0820
feat: also use createRandomID helper in editor
continuous-integration/drone/pr Build is passing Details
5cfb99bfc2
Merge branch 'main' into feature/vue3-implementation-improvements
# Conflicts:
#	package.json
#	vite.config.js
#	yarn.lock
d1b61a1489
feat: some vue3 package improvements
- add codemirror as direct dependency
- remove @vue/runtime-dom (was needed for volar with vue2)
- remove setting for using volar with vue2
continuous-integration/drone/pr Build is failing Details
18c31482df
fix: remove side effect from computed
was firing a commit
continuous-integration/drone/pr Build is failing Details
cc8b03778c
fix: use correct method for fakers uuid
continuous-integration/drone/pr Build is passing Details
50fa592aad
fix: wrong async order
continuous-integration/drone/pr Build is passing Details
continuous-integration/drone/push Build is passing Details
fa54e1f1de
feat: review changes
dpschen removed a dependency 2021-10-15 18:09:35 +00:00
dpschen added 1 commit 2021-10-15 18:44:21 +00:00
continuous-integration/drone/push Build is passing Details
continuous-integration/drone/pr Build is passing Details
8e1ab8e09b
Merge branch 'main' into vue3
dpschen added 2 commits 2021-10-16 11:54:42 +00:00
continuous-integration/drone/push Build is passing Details
continuous-integration/drone/pr Build is failing Details
80163ee992
fix: use componentData prop in draggable to set class
dpschen added 1 commit 2021-10-16 15:39:52 +00:00
continuous-integration/drone/pr Build is failing Details
continuous-integration/drone/push Build is passing Details
373a766f5c
fix: pagination in vue 3 (#859)
This fixes using Vikunja with pagination.

Co-authored-by: kolaente <k@knt.li>
Reviewed-on: #859
Co-authored-by: konrad <k@knt.li>
Co-committed-by: konrad <k@knt.li>
dpschen added 1 commit 2021-10-16 15:51:29 +00:00
continuous-integration/drone/pr Build is failing Details
continuous-integration/drone/push Build is passing Details
f05e81190f
fix: setting background to state mutation violation (#858)
State mutations must be synchronous. Using a promise.then handler to set the background is a violation of that.

Co-authored-by: kolaente <k@knt.li>
Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: #858
Co-authored-by: konrad <k@knt.li>
Co-committed-by: konrad <k@knt.li>
dpschen added 1 commit 2021-10-16 16:17:48 +00:00
continuous-integration/drone/push Build is passing Details
continuous-integration/drone/pr Build is passing Details
b79d238bdc
Merge branch 'main' into vue3
# Conflicts:
#	package.json
#	src/components/tasks/mixins/createTask.js
#	yarn.lock
dpschen added 1 commit 2021-10-16 16:59:03 +00:00
continuous-integration/drone/push Build is passing Details
continuous-integration/drone/pr Build is passing Details
6f51921588
chore: upgrade vue3 packages
konrad added 2 commits 2021-10-17 11:47:12 +00:00
1d2abf56f9
Merge branch 'main' into vue3
# Conflicts:
#	src/components/tasks/mixins/createTask.js
continuous-integration/drone/pr Build is passing Details
continuous-integration/drone/push Build is passing Details
f884020c55
fix: creating a new task while specifying the list in quick add magic
konrad added 1 commit 2021-10-17 11:55:30 +00:00
continuous-integration/drone/pr Build is passing Details
continuous-integration/drone/push Build is failing Details
74d785d606
fix: "TypeError: i18n.setLocaleMessage is not a function" when changing languages
konrad added 1 commit 2021-10-17 12:01:20 +00:00
continuous-integration/drone/pr Build is passing Details
continuous-integration/drone/push Build is passing Details
2fc96cb6a7
fix: change the ui locale
konrad added 2 commits 2021-10-17 12:52:58 +00:00
continuous-integration/drone/pr Build is passing Details
continuous-integration/drone/push Build is passing Details
cc32ca244c
feat: don't update the bucket after updating task position
konrad added 1 commit 2021-10-17 13:16:31 +00:00
continuous-integration/drone/push Build is passing Details
continuous-integration/drone/pr Build is passing Details
1c8e26bdc6
fix: set the current list when opening a task
konrad added 1 commit 2021-10-17 14:22:05 +00:00
continuous-integration/drone/pr Build is failing Details
continuous-integration/drone/push Build is passing Details
9d48700cd9
fix: vuex store mutation error when moving a task with attributes on kanban
dpschen added 18 commits 2021-10-17 15:18:13 +00:00
continuous-integration/drone/pr Build was killed Details
7f5f44d7f0
fix: call loadList just once
continuous-integration/drone/pr Build is passing Details
a60ad77bdc
fix: use async action to change current list
continuous-integration/drone/pr Build is failing Details
56365591cf
fix: await getAuthUrl
continuous-integration/drone/pr Build is failing Details
0cc7166767
fix: don't search for first letter images
continuous-integration/drone/pr Build is failing Details
2ac3d29c13
Merge branch 'vue3' into feature/vue3-async-await
# Conflicts:
#	src/i18n/index.js
#	src/store/modules/labels.js
#	src/store/modules/tasks.js
#	src/views/list/views/Kanban.vue
#	src/views/tasks/ShowTasks.vue
#	src/views/tasks/TaskDetailView.vue
continuous-integration/drone/pr Build is failing Details
9fc158831b
Merge branch 'vue3' into feature/vue3-async-await
continuous-integration/drone/pr Build is failing Details
2de94bc902
fix: lint
continuous-integration/drone/pr Build is failing Details
ae971b23bc
fix: sort order by dueDate, then by id
continuous-integration/drone/pr Build is failing Details
1d46b85170
fix: loading labels after login
continuous-integration/drone/pr Build is failing Details
continuous-integration/drone/push Build is failing Details
4e893a3196
Merge pull request 'feature/vue3-async-await' (#832) from dpschen/frontend:feature/vue3-async-await into vue3
Reviewed-on: #832
konrad added 1 commit 2021-10-17 15:21:37 +00:00
continuous-integration/drone/pr Build is failing Details
continuous-integration/drone/push Build is failing Details
36d5262f1d
fix: ATTR_ENUMERATED_COERCION spellcheck on kanban board
dpschen added 1 commit 2021-10-17 15:30:19 +00:00
continuous-integration/drone/pr Build is failing Details
continuous-integration/drone/push Build is failing Details
3f61c6b21a
fix: use correct prop for CreateEdit
konrad added 1 commit 2021-10-17 15:31:28 +00:00
continuous-integration/drone/pr Build is failing Details
continuous-integration/drone/push Build is failing Details
f4372ecd05
fix: adding a list to favorites
konrad added 1 commit 2021-10-17 15:32:04 +00:00
continuous-integration/drone/pr Build is failing Details
eb7b1bf432
chore: remove vue3 from the drone branch trigger
konrad added 1 commit 2021-10-17 15:33:06 +00:00
continuous-integration/drone/pr Build is failing Details
49cd66581d
Merge branch 'main' into vue3
# Conflicts:
#	package.json
#	yarn.lock
dpschen added 1 commit 2021-10-17 15:33:58 +00:00
continuous-integration/drone/pr Build is failing Details
dd0e04b106
feature/vue3-make-workbox-debug-configurable (#862)
Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: #862
Co-authored-by: dpschen <dpschen@noreply.kolaente.de>
Co-committed-by: dpschen <dpschen@noreply.kolaente.de>
konrad added 1 commit 2021-10-17 15:39:21 +00:00
konrad added 1 commit 2021-10-17 16:10:52 +00:00
continuous-integration/drone/pr Build is failing Details
1864359751
fix: lint
konrad added 1 commit 2021-10-17 16:52:15 +00:00
continuous-integration/drone/pr Build is failing Details
571b019c00
fix: ATTR_ENUMERATED_COERCION in a few places
konrad added 1 commit 2021-10-17 18:50:26 +00:00
continuous-integration/drone/push Build is failing Details
continuous-integration/drone/pr Build is failing Details
1fc857d9a2
chore: re-add vue3 branch
konrad added 1 commit 2021-10-17 19:38:32 +00:00
continuous-integration/drone/push Build is passing Details
continuous-integration/drone/pr Build is passing Details
0a1d0084e2
feat: keep errorMessage local (#865)
Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Co-authored-by: kolaente <k@knt.li>
Co-authored-by: konrad <k@knt.li>
Reviewed-on: #865
Co-authored-by: dpschen <dpschen@noreply.kolaente.de>
Co-committed-by: dpschen <dpschen@noreply.kolaente.de>
dpschen added 1 commit 2021-10-17 19:59:29 +00:00
continuous-integration/drone/pr Build is passing Details
continuous-integration/drone/push Build is passing Details
c1a981c60b
chore: remove unused method
konrad added 1 commit 2021-10-17 20:05:27 +00:00
continuous-integration/drone/push Build is passing Details
continuous-integration/drone/pr Build is passing Details
3ba9cd2d99
fix: ATTR_ENUMERATED_COERCION errors with editor and contenteditable
konrad added 2 commits 2021-10-17 20:17:53 +00:00
konrad added 1 commit 2021-10-17 20:27:22 +00:00
continuous-integration/drone/push Build is passing Details
continuous-integration/drone/pr Build is passing Details
c7b4c25caa
fix: remove nonexisting prop
konrad added 1 commit 2021-10-17 20:29:09 +00:00
continuous-integration/drone/push Build is passing Details
continuous-integration/drone/pr Build is passing Details
6d472bf5ca
fix: task attachment upload
konrad changed title from WIP: vue3 to vue3 2021-10-17 20:42:25 +00:00
konrad approved these changes 2021-10-17 20:56:39 +00:00
dpschen merged commit ee2c56156b into main 2021-10-17 21:17:05 +00:00
konrad deleted branch vue3 2021-10-17 21:21:05 +00:00
This repo is archived. You cannot comment on pull requests.
No description provided.