no scope

app.vue

@@ -46,7 +46,7 @@ const handleResize = () => {
 }
 </script>
 
-<style lang="sass" scoped>
+<style lang="sass">
 .page-enter-active,
 .page-leave-active
   transition: opacity 0.3s ease, transform 0.3s ease

components/ArticleCard.vue

@@ -35,7 +35,7 @@
   })
   </script>
   
-  <style scoped lang="sass">
+  <style lang="sass">
   .article
     width: 100%
     max-width: 500px

components/SchemaCoder.vue

@@ -115,7 +115,7 @@
   </script>
   
   
-  <style lang="sass" scoped>
+  <style lang="sass">
   .schema-typer
     background-color: #1e1e1e
     padding: 1.5rem

pages/article/[link].vue

@@ -1,7 +1,7 @@
 <template>
   <div class="articlePage">
     
-    <div v-if="article" class="article">
+    <div v-if="article" class="articleBorder">
       <SideBarNaviSlider link="/magazin">
         {{ $t('pages.article.artikelUebersicht') }}
       </SideBarNaviSlider>
@@ -181,7 +181,7 @@
   </script>
   
   <style lang="sass">
-  .article
+  .articleBorder
     margin-top: -1rem
     .img_background
       position: absolute

pages/references/index.vue

@@ -120,7 +120,7 @@ watchEffect(() => {
 })
 </script>
 
-<style lang="sass" scoped>
+<style lang="sass">
 .referenceBox
   display: grid
   grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))

pages/sectors/film/index.vue

@@ -150,7 +150,7 @@ import { useMainStore } from '@/stores/main'
   
   </script>
   
-  <style lang="sass" scoped>
+  <style lang="sass">
   @keyframes moveSpotlight
     0%
         transform: translate(-30%, -30%) rotate(0deg)