fix scoped styles

docs/src/demos/Examples/InteractiveNodeViews/Component.vue

@@ -30,7 +30,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .vue-component {
   border: 1px solid #adb5bd;
   border-radius: 0.5rem;

docs/src/demos/Guide/GettingStarted/VModel/index.vue

@@ -25,9 +25,10 @@ export default {
 }
 </script>
 
-<style lang="scss">
-/* Basic editor styles */
-.ProseMirror {
+<style lang="scss" scoped>
+::v-deep {
+  /* Basic editor styles */
+  .ProseMirror {
     > * + * {
       margin-top: 0.75em;
     }
@@ -36,9 +37,9 @@ export default {
       background-color: rgba(#616161, 0.1);
       color: #616161;
     }
-}
+  }
 
-.content {
+  .content {
     padding: 1rem 0 0;
 
     h3 {
@@ -58,5 +59,6 @@ export default {
       background-color:#e9ecef;
       color: #495057;
     }
+  }
 }
 </style>