feat(apps): dim vue version

Author: Akryum

packages/app-frontend/src/features/apps/AppSelect.vue

@@ -118,6 +118,7 @@ export default defineComponent({
     <template #default="{ item }">
       <AppSelectItem
         :app="item"
+        :selected="currentApp === item"
       />
     </template>
 

packages/app-frontend/src/features/apps/AppSelectItem.vue

@@ -8,6 +8,11 @@ export default defineComponent({
       type: Object,
       required: true,
     },
+
+    selected: {
+      type: Boolean,
+      default: false,
+    },
   },
 
   setup (props) {
@@ -27,7 +32,12 @@ export default defineComponent({
   <div class="leading-tight">
     <div class="app-button flex items-center">
       <span class="truncate flex-1">{{ app.name }}</span>
-      <span class="flex-none flex items-center">
+      <span
+        class="flex-none flex items-center"
+        :class="{
+          'opacity-40': !selected,
+        }"
+      >
         <img
           src="~@front/assets/vue-logo.svg"
           class="w-6 h-6"

packages/app-frontend/src/features/apps/AppSelectPaneItem.vue

@@ -39,7 +39,12 @@ export default defineComponent({
   >
     <div class="flex items-center">
       <span class="truncate flex-1">{{ app.name }}</span>
-      <span class="flex-none flex items-center">
+      <span
+        class="flex-none flex items-center"
+        :class="{
+          'opacity-40': !selected,
+        }"
+      >
         <img
           src="~@front/assets/vue-logo.svg"
           class="w-6 h-6"