From 894919189541707f18152164df8ade0ce8db6050 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Thu, 18 Mar 2021 00:01:28 +0100
Subject: [PATCH] fix scoped styles

---
 .../InteractiveNodeViews/Component.vue        |  2 +-
 .../Guide/GettingStarted/VModel/index.vue     | 56 ++++++++++---------
 2 files changed, 30 insertions(+), 28 deletions(-)

diff --git a/docs/src/demos/Examples/InteractiveNodeViews/Component.vue b/docs/src/demos/Examples/InteractiveNodeViews/Component.vue
index 41a2d903..32dbfbbd 100644
--- a/docs/src/demos/Examples/InteractiveNodeViews/Component.vue
+++ b/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;
diff --git a/docs/src/demos/Guide/GettingStarted/VModel/index.vue b/docs/src/demos/Guide/GettingStarted/VModel/index.vue
index a39b7fa0..82c202ca 100644
--- a/docs/src/demos/Guide/GettingStarted/VModel/index.vue
+++ b/docs/src/demos/Guide/GettingStarted/VModel/index.vue
@@ -25,38 +25,40 @@ export default {
 }
 </script>
 
-<style lang="scss">
-/* Basic editor styles */
-.ProseMirror {
-  > * + * {
-    margin-top: 0.75em;
+<style lang="scss" scoped>
+::v-deep {
+  /* Basic editor styles */
+  .ProseMirror {
+    > * + * {
+      margin-top: 0.75em;
+    }
+
+    code {
+      background-color: rgba(#616161, 0.1);
+      color: #616161;
+    }
   }
 
-  code {
-    background-color: rgba(#616161, 0.1);
-    color: #616161;
-  }
-}
+  .content {
+    padding: 1rem 0 0;
 
-.content {
-  padding: 1rem 0 0;
+    h3 {
+      margin: 1rem 0 0.5rem;
+    }
 
-  h3 {
-    margin: 1rem 0 0.5rem;
-  }
+    pre {
+      border-radius: 5px;
+      color: #333;
+    }
 
-  pre {
-    border-radius: 5px;
-    color: #333;
-  }
-
-  code {
-    display: block;
-    white-space: pre-wrap;
-    font-size: 0.8rem;
-    padding: 0.75rem 1rem;
-    background-color:#e9ecef;
-    color: #495057;
+    code {
+      display: block;
+      white-space: pre-wrap;
+      font-size: 0.8rem;
+      padding: 0.75rem 1rem;
+      background-color:#e9ecef;
+      color: #495057;
+    }
   }
 }
 </style>