From 0660129b412b841d058ddf6656017c0e77b71ef1 Mon Sep 17 00:00:00 2001
From: dpschen <dpschen@noreply.kolaente.de>
Date: Mon, 23 Aug 2021 16:39:11 +0000
Subject: [PATCH] feat: provide global variables in all components (#669)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/669
Reviewed-by: konrad <k@knt.li>
Co-authored-by: dpschen <dpschen@noreply.kolaente.de>
Co-committed-by: dpschen <dpschen@noreply.kolaente.de>
---
 src/components/input/editor.vue                 | 1 -
 src/components/tasks/partials/priorityLabel.vue | 2 --
 src/components/tasks/partials/relatedTasks.vue  | 2 --
 src/components/user/avatar-settings.vue         | 2 --
 src/styles/theme/_all.scss                      | 1 -
 src/styles/{theme => }/variables/_all.scss      | 0
 src/styles/{theme => }/variables/colors.scss    | 0
 src/styles/{theme => }/variables/shadows.scss   | 0
 src/styles/{theme => }/variables/variables.scss | 0
 vite.config.js                                  | 9 +++++++++
 10 files changed, 9 insertions(+), 8 deletions(-)
 rename src/styles/{theme => }/variables/_all.scss (100%)
 rename src/styles/{theme => }/variables/colors.scss (100%)
 rename src/styles/{theme => }/variables/shadows.scss (100%)
 rename src/styles/{theme => }/variables/variables.scss (100%)

diff --git a/src/components/input/editor.vue b/src/components/input/editor.vue
index 87b080d2c..64aea999f 100644
--- a/src/components/input/editor.vue
+++ b/src/components/input/editor.vue
@@ -457,7 +457,6 @@ export default {
 <style lang="scss">
 @import '../../../node_modules/highlight.js/scss/base16/equilibrium-gray-light';
 @import '../../../node_modules/easymde/dist/easymde.min.css';
-@import '../../styles/theme/variables/all';
 
 .editor {
 	.clear {
diff --git a/src/components/tasks/partials/priorityLabel.vue b/src/components/tasks/partials/priorityLabel.vue
index c7910ab8a..8b03fc5be 100644
--- a/src/components/tasks/partials/priorityLabel.vue
+++ b/src/components/tasks/partials/priorityLabel.vue
@@ -44,8 +44,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../../styles/theme/variables/all';
-
 .priority-label {
 	display: inline-flex;
 	align-items: center;
diff --git a/src/components/tasks/partials/relatedTasks.vue b/src/components/tasks/partials/relatedTasks.vue
index ea383844f..5dabd54f8 100644
--- a/src/components/tasks/partials/relatedTasks.vue
+++ b/src/components/tasks/partials/relatedTasks.vue
@@ -269,8 +269,6 @@ export default {
 </script>
 
 <style lang="scss">
-@import '@/styles/theme/variables/all';
-
 .add-task-relation-button {
 	margin-top: -3rem;
 
diff --git a/src/components/user/avatar-settings.vue b/src/components/user/avatar-settings.vue
index 95ca46f7e..02260ef15 100644
--- a/src/components/user/avatar-settings.vue
+++ b/src/components/user/avatar-settings.vue
@@ -146,8 +146,6 @@ export default {
 </script>
 
 <style lang="scss">
-@import '../../styles/theme/variables/all';
-
 .cropper {
 	height: 80vh;
 	background: transparent;
diff --git a/src/styles/theme/_all.scss b/src/styles/theme/_all.scss
index eaec17757..1afff997d 100644
--- a/src/styles/theme/_all.scss
+++ b/src/styles/theme/_all.scss
@@ -1,4 +1,3 @@
-@import 'variables/all';
 @import 'theme';
 
 @import 'content';
diff --git a/src/styles/theme/variables/_all.scss b/src/styles/variables/_all.scss
similarity index 100%
rename from src/styles/theme/variables/_all.scss
rename to src/styles/variables/_all.scss
diff --git a/src/styles/theme/variables/colors.scss b/src/styles/variables/colors.scss
similarity index 100%
rename from src/styles/theme/variables/colors.scss
rename to src/styles/variables/colors.scss
diff --git a/src/styles/theme/variables/shadows.scss b/src/styles/variables/shadows.scss
similarity index 100%
rename from src/styles/theme/variables/shadows.scss
rename to src/styles/variables/shadows.scss
diff --git a/src/styles/theme/variables/variables.scss b/src/styles/variables/variables.scss
similarity index 100%
rename from src/styles/theme/variables/variables.scss
rename to src/styles/variables/variables.scss
diff --git a/vite.config.js b/vite.config.js
index d80c6d90b..459f494dd 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -3,7 +3,16 @@ const {VitePWA} = require('vite-plugin-pwa')
 const path = require('path')
 const {visualizer} = require('rollup-plugin-visualizer')
 
+const pathSrc = path.resolve(__dirname, './src')
+
 module.exports = {
+	css: {
+		preprocessorOptions: {
+			scss: {
+				additionalData: `@import "${pathSrc}/styles/variables/_all.scss";`,
+			},
+		},
+	},
 	plugins: [
 		createVuePlugin(),
 		VitePWA({