Unknown at rule @apply css(unknownAtRules) のエラーを解消

tutti2612 · tutti2612 · commit b31140b53cf6 · 2022-10-22T15:49:50.000+09:00
ref. tailwindlabs/tailwindcss#5258 (comment)
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -25,5 +25,6 @@
     "titleBar.activeForeground": "#a5a5a5",
     "titleBar.inactiveBackground": "#35495e",
     "titleBar.inactiveForeground": "#a5a5a5"
-  }
+  },
+  "scss.lint.unknownAtRules": "ignore"
 }
diff --git a/app/components/StorePageSection.vue b/app/components/StorePageSection.vue
@@ -63,7 +63,7 @@ import {
   </section>
 </template>
 
-<style scoped>
+<style lang="scss" scoped>
 .paragraph {
   @apply text-sm leading-7 lg:text-lg lg:leading-8 text-vue-blue
 }
diff --git a/app/components/TimetablePageSection.vue b/app/components/TimetablePageSection.vue
@@ -516,7 +516,7 @@ import ExplainText from '~/components/ExplainText.vue'
   </section>
 </template>
 
-<style scoped>
+<style lang="scss" scoped>
 .timeslot {
   @apply text-lg xl:text-23 text-white text-center bg-timetable-timeslot col-span-3 md:col-span-1 min-h-10 pt-1.5 md:pt-[29px];
 }

Original file line number	Diff line number	Diff line change
`@@ -25,5 +25,6 @@`
`25`	`25`	`"titleBar.activeForeground": "#a5a5a5",`
`26`	`26`	`"titleBar.inactiveBackground": "#35495e",`
`27`	`27`	`"titleBar.inactiveForeground": "#a5a5a5"`
`28`		`- }`
	`28`	`+ },`
	`29`	`+ "scss.lint.unknownAtRules": "ignore"`
`29`	`30`	`}`
Original file line number	Diff line number	Diff line change
`@@ -63,7 +63,7 @@ import {`
`63`	`63`	`</section>`
`64`	`64`	`</template>`
`65`	`65`
`66`		`-<style scoped>`
	`66`	`+<style lang="scss" scoped>`
`67`	`67`	`.paragraph {`
`68`	`68`	`@apply text-sm leading-7 lg:text-lg lg:leading-8 text-vue-blue`
`69`	`69`	`}`
Original file line number	Diff line number	Diff line change
`@@ -516,7 +516,7 @@ import ExplainText from '~/components/ExplainText.vue'`
`516`	`516`	`</section>`
`517`	`517`	`</template>`
`518`	`518`
`519`		`-<style scoped>`
	`519`	`+<style lang="scss" scoped>`
`520`	`520`	`.timeslot {`
`521`	`521`	`@apply text-lg xl:text-23 text-white text-center bg-timetable-timeslot col-span-3 md:col-span-1 min-h-10 pt-1.5 md:pt-[29px];`
`522`	`522`	`}`