Make sure demos used scoped css

src/views/button/ButtonDemo.vue

@@ -54,8 +54,8 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
-    button {
-        margin-right: .5em;
-    }
+<style scoped>
+button {
+    margin-right: .5em;
+}
 </style>

src/views/calendar/CalendarDemo.vue

@@ -147,7 +147,7 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
+<style scoped>
 .special-day {
     background-color: #1dcbb3;
     color: #ffffff;

src/views/checkbox/CheckboxDemo.vue

@@ -66,8 +66,4 @@ export default {
         'CheckboxDoc': CheckboxDoc
     }
 }
-</script>
-
-<style>
-
-</style>
+</script>

src/views/chips/ChipsDemo.vue

@@ -7,7 +7,7 @@
             </div>
         </div>
 
-        <div class="content-section implementation">
+        <div class="content-section implementation p-fluid">
             <h3 class="first">Basic</h3>
             <Chips v-model="value1" />
 
@@ -41,9 +41,3 @@ export default {
     }
 }
 </script>
-
-<style>
-.p-chips .p-inputtext {
-    width: 100%;
-}
-</style>

src/views/chips/ChipsDoc.vue

@@ -146,7 +146,7 @@ import Chips from 'primevue/chips';
 <template v-pre>
 &lt;template&gt;
 	&lt;div&gt;
-		&lt;div class="content-section introduction"&gt;
+		&lt;div class="content-section introduction p-fluid"&gt;
 			&lt;div class="feature-intro"&gt;
 				&lt;h1&gt;Chips&lt;/h1&gt;
 				&lt;p&gt;Chips is used to enter multiple values on an input field.&lt;/p&gt;
@@ -181,12 +181,6 @@ export default {
 		}
 	}
 }
-</CodeHighlight>
-
-<CodeHighlight lang="css">
-.p-chips .p-inputtext {
-	width: 100%;
-}
 </CodeHighlight>
 			</TabPanel>
 		</TabView>

src/views/dropdown/DropdownDemo.vue

@@ -64,7 +64,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .p-dropdown {
     width: 12em;
 }

src/views/editor/EditorDemo.vue

@@ -42,7 +42,3 @@ export default {
     }
 }
 </script>
-
-<style>
-
-</style>

src/views/fieldset/FieldsetDemo.vue

@@ -45,7 +45,3 @@ export default {
     }
 }
 </script>
-
-<style>
-
-</style>

src/views/inputgroup/InputGroupDemo.vue

@@ -131,8 +131,4 @@ export default {
         'InputGroupDoc': InputGroupDoc
     }
 }
-</script>
-
-<style>
-
-</style>
+</script>

src/views/password/PasswordDemo.vue

@@ -29,7 +29,3 @@ export default {
     }
 }
 </script>
-
-<style>
-
-</style>

src/views/progressbar/ProgressBarDemo.vue

@@ -58,8 +58,4 @@ export default {
         'ProgressBarDoc': ProgressBarDoc
     }
 }
-</script>
-
-<style>
-
-</style>
+</script>

src/views/radiobutton/RadioButtonDemo.vue

@@ -61,8 +61,4 @@ export default {
         'RadioButtonDoc': RadioButtonDoc
     }
 }
-</script>
-
-<style>
-
-</style>
+</script>

src/views/rating/RatingDemo.vue

@@ -39,8 +39,4 @@ export default {
         'RatingDoc': RatingDoc
     }
 }
-</script>
-
-<style>
-
-</style>
+</script>

src/views/selectbutton/SelectButtonDemo.vue

@@ -60,8 +60,4 @@ export default {
         'SelectButtonDoc': SelectButtonDoc
     }
 }
-</script>
-
-<style>
-
-</style>
+</script>

src/views/slider/SliderDemo.vue

@@ -48,7 +48,7 @@ export default {
 }
 </script>
 
-<style>
+<style scoped>
 .p-slider-horizontal, .p-inputtext {
     width: 14em;
 }

src/views/spinner/SpinnerDemo.vue

@@ -41,8 +41,4 @@ export default {
         'SpinnerDoc': SpinnerDoc
     }
 }
-</script>
-
-<style>
-
-</style>
+</script>

src/views/splitbutton/SplitButtonDemo.vue

@@ -74,7 +74,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-    .p-splitbutton {
-        margin-right: .5em;
-    }
+.p-splitbutton {
+    margin-right: .5em;
+}
 </style>

src/views/support/Support.vue

@@ -58,8 +58,4 @@
             guarantee response at forum although it is monitored and maintained by our staff. If you need to secure our response within 1 business day, you may consider PrimeVue PRO support.</p>
         </div>
     </div>
-</template>
-
-<style>
-
-</style>
+</template>

src/views/textarea/TextareaDemo.vue

@@ -38,7 +38,3 @@ export default {
     }
 }
 </script>
-
-<style>
-
-</style>

src/views/toast/ToastDemo.vue

@@ -102,10 +102,4 @@ export default {
         'ToastDoc': ToastDoc
     }
 }
-</script>
-
-<style lang="scss">
-button.p-button {
-    margin-right: .5em;
-}
-</style>
+</script>

src/views/togglebutton/ToggleButtonDemo.vue

@@ -35,8 +35,4 @@ export default {
         'ToggleButtonDoc': ToggleButtonDoc
     }
 }
-</script>
-
-<style>
-
-</style>
+</script>

src/views/tristatecheckbox/TriStateCheckboxDemo.vue

@@ -29,8 +29,4 @@ export default {
         'TriStateCheckboxDoc': TriStateCheckboxDoc
     }
 }
-</script>
-
-<style>
-
-</style>
+</script>