fix: extension enable reactivity (#3512)

lnbits/templates/components.vue

@@ -14,7 +14,8 @@ include('components/new_user_wallet.vue') %} {%
 include('components/lnbits-footer.vue') %} {%
 include('components/lnbits-header.vue') %} {%
 include('components/lnbits-drawer.vue') %} {%
-include('components/lnbits-home-logos.vue') %}
+include('components/lnbits-home-logos.vue') %} {%
+include('components/lnbits-manage-extension-list.vue') %}
 
 <template id="lnbits-wallet-list">
   <q-list
@@ -107,51 +108,6 @@ include('components/lnbits-home-logos.vue') %}
   </q-list>
 </template>
 
-<template id="lnbits-extension-list">
-  <q-list
-    v-if="
-      (g.user && userExtensions && userExtensions.length > 0) || !!searchTerm
-    "
-    dense
-    class="lnbits-drawer__q-list"
-  >
-    <q-item>
-      <q-item-section>
-        <q-input
-          v-model="searchTerm"
-          dense
-          borderless
-          :label="$t('extensions')"
-        >
-        </q-input>
-      </q-item-section>
-    </q-item>
-    <q-item
-      v-for="extension in userExtensions"
-      :key="extension.code"
-      clickable
-      :active="extension.isActive"
-      tag="a"
-      :href="extension.url"
-    >
-      <q-item-section side>
-        <q-avatar size="md">
-          <q-img :src="extension.tile" style="max-width: 20px"></q-img>
-        </q-avatar>
-      </q-item-section>
-      <q-item-section>
-        <q-item-label lines="1"
-          ><span v-text="extension.name"></span>
-        </q-item-label>
-      </q-item-section>
-      <q-item-section side v-show="extension.isActive">
-        <q-icon name="chevron_right" color="grey-5" size="md"></q-icon>
-      </q-item-section>
-    </q-item>
-    <div class="lt-md q-mt-xl q-mb-xl"></div>
-  </q-list>
-</template>
-
 <template id="lnbits-manage">
   <q-list v-if="g.user" dense class="lnbits-drawer__q-list">
     <q-item-label header v-text="$t('manage')"></q-item-label>