From c23830ff40a278ab058daf3625ac14fbed6bf5c3 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Thu, 15 Sep 2022 16:16:25 +0200
Subject: [PATCH] Mark new technical debt with some todo comments

---
 client/src/components/ContentBlock.vue                    | 2 ++
 client/src/components/content-blocks/InstrumentWidget.vue | 1 +
 client/src/components/instruments/FilterEntry.vue         | 3 +++
 client/src/components/instruments/InstrumentEntry.vue     | 1 +
 4 files changed, 7 insertions(+)

diff --git a/client/src/components/ContentBlock.vue b/client/src/components/ContentBlock.vue
index b00c39a1..77cd254f 100644
--- a/client/src/components/ContentBlock.vue
+++ b/client/src/components/ContentBlock.vue
@@ -134,6 +134,7 @@
       isInstrumentBlock() {
         return !!this.contentBlock.instrumentCategory;
       },
+      // todo: use dynamic css class with v-bind once we're on Vue 3: https://vuejs.org/api/sfc-css-features.html#v-bind-in-css
       instrumentStyle() {
         if (this.isInstrumentBlock) {
           return {
@@ -152,6 +153,7 @@
         }
         return '';
       },
+      // todo: use dynamic css class with v-bind once we're on Vue 3: https://vuejs.org/api/sfc-css-features.html#v-bind-in-css
       instrumentLabelStyle() {
         if (this.isInstrumentBlock) {
           return {
diff --git a/client/src/components/content-blocks/InstrumentWidget.vue b/client/src/components/content-blocks/InstrumentWidget.vue
index f33c8d4c..f199d9d9 100644
--- a/client/src/components/content-blocks/InstrumentWidget.vue
+++ b/client/src/components/content-blocks/InstrumentWidget.vue
@@ -18,6 +18,7 @@
 </template>
 
 <script>
+  // todo: use dynamic css class with v-bind once we're on Vue 3: https://vuejs.org/api/sfc-css-features.html#v-bind-in-css
   export default {
     props: ['value'],
   };
diff --git a/client/src/components/instruments/FilterEntry.vue b/client/src/components/instruments/FilterEntry.vue
index d308ce62..9c1d3963 100644
--- a/client/src/components/instruments/FilterEntry.vue
+++ b/client/src/components/instruments/FilterEntry.vue
@@ -70,6 +70,7 @@
         const [_, identifier] = this.instrumentFilter.currentFilter.split(':');
         return this.id === identifier;
       },
+      // todo: use dynamic css class with v-bind once we're on Vue 3: https://vuejs.org/api/sfc-css-features.html#v-bind-in-css
       activeStyle() {
         if (this.isActive) {
           return {
@@ -78,6 +79,7 @@
         }
         return {};
       },
+      // todo: use dynamic css class with v-bind once we're on Vue 3: https://vuejs.org/api/sfc-css-features.html#v-bind-in-css
       categoryStyle() {
         if (this.isCategory) {
           return {
@@ -86,6 +88,7 @@
         }
         return {};
       },
+      // todo: use dynamic css class with v-bind once we're on Vue 3: https://vuejs.org/api/sfc-css-features.html#v-bind-in-css
       typeClass() {
         return {
           'filter-entry--active': this.isActive,
diff --git a/client/src/components/instruments/InstrumentEntry.vue b/client/src/components/instruments/InstrumentEntry.vue
index 091881e1..16137d9c 100644
--- a/client/src/components/instruments/InstrumentEntry.vue
+++ b/client/src/components/instruments/InstrumentEntry.vue
@@ -25,6 +25,7 @@
   import {INTERDISCIPLINARY, LANGUAGE_COMMUNICATION, SOCIETY} from '@/consts/instrument.consts';
   import {instrumentCategory} from '@/helpers/instrumentType';
 
+  // todo: use dynamic css class with v-bind once we're on Vue 3: https://vuejs.org/api/sfc-css-features.html#v-bind-in-css
   export default {
     props: {
       instrument: {