Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

frontend: add vue/vue3-recommended rules #5122

Draft
wants to merge 5 commits into
base: devel
Choose a base branch
from

Conversation

BacLuc
Copy link
Contributor

@BacLuc BacLuc commented May 4, 2024

That we are ready for vue3 as soon as the calendar works.
Issue: #5121

@BacLuc BacLuc marked this pull request as draft May 4, 2024 14:13
@BacLuc BacLuc added the deploy! Creates a feature branch deployment for this PR label May 4, 2024
Copy link

github-actions bot commented May 4, 2024

Feature branch deployment currently inactive.

If the PR is still open, you can add the deploy! label to this PR to trigger a feature branch deployment.

Comment on lines 19 to 22
<template #[name]>
<slot v-for="(_, name) in $slots" :name="name" />
</template>
<template v-for="(_, name) in $slots" #[name]="slotData">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this really the same as before?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

no, its what the linter rule proposes, which is 💩

Now i tried another way, which also did not yet work.

With the new syntax, it seems difficult to pass all slots all all slots with slotData.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@BacLuc I think I still don't fully understand the scoping. What is the difference between the <slot v-for> and <template v-for="$scopedSlots"> ?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Me neither.
That's why i now put a step in between with #5170
where i do the other parts i understood.

@BacLuc BacLuc force-pushed the step-by-step-upgrade-vue3 branch from 3386dcf to d531e31 Compare May 5, 2024 15:03
BacLuc added 5 commits May 5, 2024 17:29
That they are readable again.
With everything on one line, they are not readable.
Also add the required attribute value to ENumberField.spec.js
The tests in the commit before show that they did not work.
That we are ready for vue3 as soon as the calendar works.
Issue: ecamp#5121
@BacLuc BacLuc force-pushed the step-by-step-upgrade-vue3 branch from d531e31 to 8a2ddb8 Compare May 5, 2024 16:12
@BacLuc BacLuc added Meeting Discuss Am nächsten Core-Meeting besprechen and removed deploy! Creates a feature branch deployment for this PR labels May 12, 2024
BacLuc added a commit to BacLuc/ecamp3 that referenced this pull request May 12, 2024
That we have tests when we turn the following rules on:
"vue/no-deprecated-dollar-scopedslots-api": "off",
"vue/no-deprecated-slot-attribute": "off",
"vue/no-deprecated-slot-scope-attribute": "off",

Issue: ecamp#5121

Related to: ecamp#5170, ecamp#5122
@BacLuc BacLuc removed the Meeting Discuss Am nächsten Core-Meeting besprechen label May 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants