Merge pull request #11 from Arzte/show-addons-only

Force show requirements only for addons

components/viewer/ViewAddon.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="obj-addon" :class="{ disabled: !isEnabled }">
     <div class="obj-title">{{ addon.title }}</div>
-    <ViewRequirements :requireds="addon.requireds" />
+    <ViewRequirements :requireds="addon.requireds" :show-always="true" />
     <div class="obj-text">{{ addon.text }}</div>
   </div>
 </template>

components/viewer/ViewRequirement.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    v-if="req.showRequired || !req.id"
+    v-if="req.showRequired || showAlways"
     class="obj-requirement"
     :class="{ disabled: !isEnabled }"
   >
@@ -26,7 +26,10 @@ import { buildConditions } from '~/composables/conditions';
 import { ConditionTerm } from '~/composables/project';
 import { useProjectRefs, useProjectStore } from '~/composables/store/project';
 
-const { req } = defineProps<{ req: ConditionTerm }>();
+const { req, showAlways } = defineProps<{
+  req: ConditionTerm;
+  showAlways?: boolean;
+}>();
 
 const { getObject } = useProjectStore();
 

components/viewer/ViewRequirements.vue

@@ -1,14 +1,19 @@
 <template>
   <div v-if="requireds.length > 0" class="obj-requirements">
-    <ViewRequirement v-for="(req, idx) in requireds" :key="idx" :req="req" />
+    <ViewRequirement
+      v-for="(req, idx) in requireds"
+      :key="idx"
+      :req="req"
+      :show-always="showAlways"
+    />
   </div>
 </template>
 
 <script setup lang="ts">
 import ViewRequirement from '~/components/viewer/ViewRequirement.vue';
 import { ConditionTerm } from '~/composables/project';
 
-defineProps<{ requireds: ConditionTerm[] }>();
+defineProps<{ requireds: ConditionTerm[]; showAlways?: boolean }>();
 </script>
 
 <style lang="scss">