fix: change the name of the generated attribute

Author: ematipico

.changeset/itchy-lobsters-study.md

@@ -0,0 +1,5 @@
+---
+'@astrojs/compiler': patch
+---
+
+Change the value of the generated attribute

internal/printer/printer_css_test.go

@@ -70,7 +70,7 @@ func TestPrinterCSS(t *testing.T) {
 		<h1 class="title">Page Title</h1>
 		<p class="body">I’m a page</p>`,
 			scopedStyleStrategy: "attribute",
-			want:                ".title[data-astro-hash-DPOHFLYM]{font-family:fantasy;font-size:28px}.body[data-astro-hash-DPOHFLYM]{font-size:1em}",
+			want:                ".title[data-astro-cid-DPOHFLYM]{font-family:fantasy;font-size:28px}.body[data-astro-cid-DPOHFLYM]{font-size:1em}",
 		},
 	}
 

internal/transform/scope-html.go

@@ -168,7 +168,7 @@ func injectScopedClass(n *astro.Node, opts TransformOptions) {
 		})
 	} else {
 		n.Attr = append(n.Attr, astro.Attribute{
-			Key:  fmt.Sprintf(`data-astro-hash-%s`, opts.Scope),
+			Key:  fmt.Sprintf(`data-astro-cid-%s`, opts.Scope),
 			Type: astro.EmptyAttribute,
 		})
 	}

internal/transform/transform_test.go

@@ -139,7 +139,7 @@ func transformScopingFixtures() []struct {
 				<style>.class{}</style>
 				<div />
 			`,
-			want:       `<div data-astro-hash-XXXXXX></div>`,
+			want:       `<div data-astro-cid-XXXXXX></div>`,
 			scopeStyle: "attribute",
 		},
 		{
@@ -148,7 +148,7 @@ func transformScopingFixtures() []struct {
 				<style>.font{}</style>
 				<div />
 			`,
-			want:       `<div data-astro-hash-XXXXXX></div>`,
+			want:       `<div data-astro-cid-XXXXXX></div>`,
 			scopeStyle: "attribute",
 		},
 		{
@@ -157,7 +157,7 @@ func transformScopingFixtures() []struct {
 				<style>.font{}</style>
 				<div />
 			`,
-			want:       `<div data-astro-hash-XXXXXX></div>`,
+			want:       `<div data-astro-cid-XXXXXX></div>`,
 			scopeStyle: "attribute",
 		},
 		{
@@ -166,7 +166,7 @@ func transformScopingFixtures() []struct {
 				<style>.font{}</style>
 				<div class="foo" />
 			`,
-			want:       `<div class="foo" data-astro-hash-XXXXXX></div>`,
+			want:       `<div class="foo" data-astro-cid-XXXXXX></div>`,
 			scopeStyle: "attribute",
 		},
 	}

lib/esbuild/css_printer/astro_features.go

@@ -12,7 +12,7 @@ func (p *printer) printScopedSelector() bool {
 	if p.options.ScopeStrategy == ScopeStrategyWhere {
 		str = fmt.Sprintf(":where(.astro-%s)", p.options.Scope)
 	} else if p.options.ScopeStrategy == ScopeStrategyAttribute {
-		str = fmt.Sprintf("[data-astro-hash-%s]", p.options.Scope)
+		str = fmt.Sprintf("[data-astro-cid-%s]", p.options.Scope)
 	} else {
 		str = fmt.Sprintf(".astro-%s", p.options.Scope)
 	}