fix(plugin-vue): regenerate scoped css in build watch, fix #7980

[sapphi-red]

Description

fixes #7980

Additional context

---

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines.
• Read the Pull Request Guidelines and follow the Commit Convention.
• Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• Ideally, include relevant tests that fail without this PR but pass with it.

[patak-dev]

Would you explain why this works? I tested it and it does fix the issue, but I think there is something odd with the resulting query, that ends up having &scope={hash}&scope=true for scoped style with this PR.

[sapphi-red]

scope query was not used as a value so it worked. But I removed it because I did not intend to duplicate it.
This PR makes the url of scoped style change when the descriptor id changes. This will invalidate cache when descriptor id changes.

[poyoho]

rebase rebase rebase 👏👏. It should make style / template scoped=true to scoped=${descriptor.id}

[sapphi-red]

@poyoho Shoud I change template scoped=true to scoped=${descriptor.id}? I suppose it is not necessary because __scopeId is injected here and template does not change when descriptor.id changes.

vite/packages/plugin-vue/src/main.ts

Lines 101 to 103 in bfab569

	if (hasScoped) {
	attachedProps.push([`__scopeId`, JSON.stringify(`data-v-${descriptor.id}`)])
	}

[poyoho]

IIUC, template should rerender tag.

when css scopde change will generate

.a [data-v-1234567890] {
  color: red
}

if no change template, template render also keep

<div class="a" data-v-0987654321>

we should make it to

<div class="a" data-v-1234567890>

so we should request scoped=${descriptor.id} ?

[sapphi-red]

Yes I understand the same.
But it somehow works without the change.

Though I added the change in case. 👍