From 8ca65b8c5620964695aca5f1d1fd6392487a6138 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Wed, 17 Mar 2021 23:49:03 +0100
Subject: [PATCH] fix scoped styles

---
 .../Guide/NodeViews/JavaScript/index.vue      | 46 ++++++++++---------
 .../NodeViews/VueComponent/Component.vue      |  2 +-
 .../VueComponentContent/Component.vue         |  2 +-
 3 files changed, 26 insertions(+), 24 deletions(-)

diff --git a/docs/src/demos/Guide/NodeViews/JavaScript/index.vue b/docs/src/demos/Guide/NodeViews/JavaScript/index.vue
index e2474ee1..53b723be 100644
--- a/docs/src/demos/Guide/NodeViews/JavaScript/index.vue
+++ b/docs/src/demos/Guide/NodeViews/JavaScript/index.vue
@@ -42,7 +42,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 /* Basic editor styles */
 .ProseMirror {
   > * + * {
@@ -50,28 +50,30 @@ export default {
   }
 }
 
-.node-view {
-  border: 1px solid #adb5bd;
-  border-radius: 0.5rem;
-  margin: 1rem 0;
-  position: relative;
-}
+::v-deep {
+  .node-view {
+    border: 1px solid #adb5bd;
+    border-radius: 0.5rem;
+    margin: 1rem 0;
+    position: relative;
+  }
 
-.label {
-  margin-left: 1rem;
-  background-color: #adb5bd;
-  font-size: 0.6rem;
-  letter-spacing: 1px;
-  font-weight: bold;
-  text-transform: uppercase;
-  color: #fff;
-  position: absolute;
-  top: 0;
-  padding: 0.25rem 0.75rem;
-  border-radius: 0 0 0.5rem 0.5rem;
-}
+  .label {
+    margin-left: 1rem;
+    background-color: #adb5bd;
+    font-size: 0.6rem;
+    letter-spacing: 1px;
+    font-weight: bold;
+    text-transform: uppercase;
+    color: #fff;
+    position: absolute;
+    top: 0;
+    padding: 0.25rem 0.75rem;
+    border-radius: 0 0 0.5rem 0.5rem;
+  }
 
-.content {
-  margin: 2.5rem 1rem 1rem;
+  .content {
+    margin: 2.5rem 1rem 1rem;
+  }
 }
 </style>
diff --git a/docs/src/demos/Guide/NodeViews/VueComponent/Component.vue b/docs/src/demos/Guide/NodeViews/VueComponent/Component.vue
index 41a2d903..32dbfbbd 100644
--- a/docs/src/demos/Guide/NodeViews/VueComponent/Component.vue
+++ b/docs/src/demos/Guide/NodeViews/VueComponent/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/NodeViews/VueComponentContent/Component.vue b/docs/src/demos/Guide/NodeViews/VueComponentContent/Component.vue
index e5a241ba..7ec9981d 100644
--- a/docs/src/demos/Guide/NodeViews/VueComponentContent/Component.vue
+++ b/docs/src/demos/Guide/NodeViews/VueComponentContent/Component.vue
@@ -19,7 +19,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .vue-component {
   border: 1px solid #adb5bd;
   border-radius: 0.5rem;