Make sure demos used scoped css

src/views/button/ButtonDemo.vue

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

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

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

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

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

src/views/password/PasswordDemo.vue

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

src/views/progressbar/ProgressBarDemo.vue

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

src/views/radiobutton/RadioButtonDemo.vue

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

src/views/rating/RatingDemo.vue

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

src/views/selectbutton/SelectButtonDemo.vue

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

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

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

src/views/support/Support.vue

@@ -59,7 +59,3 @@
         </div>
     </div>
 </template>
-
-<style>
-
-</style>

src/views/textarea/TextareaDemo.vue

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

src/views/toast/ToastDemo.vue

@@ -103,9 +103,3 @@ export default {
     }
 }
 </script>
-
-<style lang="scss">
-button.p-button {
-    margin-right: .5em;
-}
-</style>

src/views/togglebutton/ToggleButtonDemo.vue

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

src/views/tristatecheckbox/TriStateCheckboxDemo.vue

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