From feededc05d95ca3860843c8e47e3049596eedf41 Mon Sep 17 00:00:00 2001
From: Dominik Schmidt <dev@dominik-schmidt.de>
Date: Tue, 29 Nov 2022 21:27:10 +0100
Subject: [PATCH] wip: Dedupe CSS

---
 packages/design-system/src/styles/styles.scss |  2 ++
 packages/web-runtime/src/App.vue              |  2 ++
 rollup.config.mjs                             | 12 ++++++++++++
 3 files changed, 16 insertions(+)

diff --git a/packages/design-system/src/styles/styles.scss b/packages/design-system/src/styles/styles.scss
index 21e2be01e10..adba8417305 100644
--- a/packages/design-system/src/styles/styles.scss
+++ b/packages/design-system/src/styles/styles.scss
@@ -20,3 +20,5 @@
 @import "theme/oc-visibility";
 @import "theme/oc-width";
 @import "theme/tooltip";
+
+/* SHITTY MARKER */
diff --git a/packages/web-runtime/src/App.vue b/packages/web-runtime/src/App.vue
index e12d332f133..4c992018199 100644
--- a/packages/web-runtime/src/App.vue
+++ b/packages/web-runtime/src/App.vue
@@ -42,6 +42,8 @@
   </div>
 </template>
 <script lang="ts">
+import '../../design-system/src/styles/styles.scss'
+
 import { mapGetters, mapState, mapActions } from 'vuex'
 import SkipTo from './components/SkipTo.vue'
 import LayoutApplication from './layouts/Application.vue'
diff --git a/rollup.config.mjs b/rollup.config.mjs
index 0e697099abd..c8b301117af 100644
--- a/rollup.config.mjs
+++ b/rollup.config.mjs
@@ -44,6 +44,18 @@ const __filename = fileURLToPath(import.meta.url)
 const projectRootDir = dirname(__filename)
 
 const plugins = [
+  {
+    transform(src, id) {
+      if (id.includes('rollup-plugin-vue=styles')) {
+        const split = src.split('/* SHITTY MARKER */')
+        const newSrc = split[split.length-1]
+        return {
+          code: newSrc,
+          map: null
+        }
+      }
+    }
+  },
   postcss({
     extract: path.join('css', 'web.css'),
     minimize: production,