From f739f704af8250f61d7b8c9d53d4e150e458c791 Mon Sep 17 00:00:00 2001
From: Chenlei Hu <huchenlei@proton.me>
Date: Wed, 15 Jan 2025 19:35:01 -0500
Subject: [PATCH] [CodeHealth] Use scoped CSS in views (#2262)

---
 src/components/install/GpuPicker.vue  | 2 +-
 src/views/InstallView.vue             | 2 +-
 src/views/ManualConfigurationView.vue | 2 +-
 src/views/NotSupportedView.vue        | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/install/GpuPicker.vue b/src/components/install/GpuPicker.vue
index 498c76a553..deb666ee8c 100644
--- a/src/components/install/GpuPicker.vue
+++ b/src/components/install/GpuPicker.vue
@@ -159,7 +159,7 @@ const pickGpu = (value: typeof selected.value) => {
 }
 </script>
 
-<style lang="postcss">
+<style scoped>
 :root {
   --p-tag-gap: 0.5rem;
 }
diff --git a/src/views/InstallView.vue b/src/views/InstallView.vue
index 4221167689..141033806a 100644
--- a/src/views/InstallView.vue
+++ b/src/views/InstallView.vue
@@ -186,7 +186,7 @@ onMounted(async () => {
 })
 </script>
 
-<style lang="postcss" scoped>
+<style scoped>
 :deep(.p-steppanel) {
   @apply bg-transparent;
 }
diff --git a/src/views/ManualConfigurationView.vue b/src/views/ManualConfigurationView.vue
index fe9638c043..5c7aa81c68 100644
--- a/src/views/ManualConfigurationView.vue
+++ b/src/views/ManualConfigurationView.vue
@@ -75,7 +75,7 @@ onMounted(async () => {
 })
 </script>
 
-<style>
+<style scoped>
 :root {
   --p-tag-gap: 0.5rem;
 }
diff --git a/src/views/NotSupportedView.vue b/src/views/NotSupportedView.vue
index 9a07e397af..b181827687 100644
--- a/src/views/NotSupportedView.vue
+++ b/src/views/NotSupportedView.vue
@@ -78,7 +78,7 @@ const continueToInstall = () => {
 }
 </script>
 
-<style>
+<style scoped>
 .sad-container {
   @apply grid items-center justify-evenly;
   grid-template-columns: 25rem 1fr;