Mark new technical debt with some todo comments

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 {

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'],
   };

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,

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: {