fix icons

assets/api.ts

@@ -96,7 +96,6 @@ class Api {
 
   async setWanikaniApiKey(apiKey?: string) {
     apiKey = apiKey || localStorage.getItem(WANIKANI_API_KEY) || ''
-    console.log(apiKey)
 
     const setApiKey = () => {
       if (apiKey) {

components/tabs/LookupTab.vue

@@ -115,7 +115,12 @@
             </div>
           </b-collapse>
 
-          <b-collapse class="card" animation="slide" :open="!!entry.sub.length">
+          <b-collapse
+            v-if="!!entry.sub.length"
+            class="card"
+            animation="slide"
+            :open="!!entry.sub.length"
+          >
             <div
               slot="trigger"
               slot-scope="props"
@@ -145,7 +150,12 @@
             </div>
           </b-collapse>
 
-          <b-collapse class="card" animation="slide" :open="!!entry.sup.length">
+          <b-collapse
+            v-if="!!entry.sub.length"
+            class="card"
+            animation="slide"
+            :open="!!entry.sup.length"
+          >
             <div
               slot="trigger"
               slot-scope="props"
@@ -176,6 +186,7 @@
           </b-collapse>
 
           <b-collapse
+            v-if="!!entry.variant.length"
             class="card"
             animation="slide"
             :open="!!entry.variant.length"

nuxt.config.ts

@@ -45,7 +45,13 @@ export default async (): Promise => {
     // Modules: https://go.nuxtjs.dev/config-modules
     modules: [
       // https://go.nuxtjs.dev/buefy
-      'nuxt-buefy',
+      [
+        'nuxt-buefy',
+        {
+          defaultIconPack: 'fas',
+          defaultIconComponent: 'fontawesome',
+        },
+      ],
       // https://go.nuxtjs.dev/pwa
       '@nuxtjs/pwa',
       '@nuxtjs/proxy',