pages/refseq.vue

@@ -194,7 +194,7 @@ const computedDistriTaxoOptions = computed(() => {
 });
 // const datatable = ref(null)
 const hasToGenerateDownload = ref(false)
-let itemsToDownload = ref()
+let itemsToDownload = ref([])
 
 watch(hasToGenerateDownload, (val) => {
   console.log(val)
@@ -211,8 +211,8 @@ watch(hasToGenerateDownload, (val) => {
       <v-app-bar-nav-icon></v-app-bar-nav-icon>
       <v-toolbar-title>RefSeq Entries ({{ itemsLength }})
       </v-toolbar-title>
-      <JsonCSV :data="itemsToDownload" name="refseq-defenes-system.csv">
-        <v-btn icon @click="hasToGenerateDownload = true">
+      <JsonCSV  :data="itemsToDownload" name="refseq-defenes-system.csv">
+        <v-btn disabled icon @click="hasToGenerateDownload = true">
           <v-icon icon="md:download"></v-icon>
           <v-tooltip activator="parent" location="bottom">Download {{ itemsLength }} entries</v-tooltip>
         </v-btn>

stores/pfam.ts

@@ -3,6 +3,9 @@ import { ref } from 'vue'
 import * as d3 from "d3";
 import { unref } from 'vue'
 
+
+// const { refinedUrl: refinedPfamUrl } = useRefinedUrl('/pfam-a-hmm.csv')
+
 export interface PfamContent {
     body: PfamHmm[]
 }
@@ -24,7 +27,8 @@ export const usePfamStore = defineStore('pfam', () => {
 
     async function initPfam() {
         if (pfam.value.size < 1) {
-            const data = await d3.csv("/pfam-a-hmm.csv"); 
+            // const data = await d3.csv(refinedPfamUrl.value);
+            const data = await d3.csv('/pfam-a-hmm.csv');
             if (data.length > 1) {
                 pfam.value = new Map(data.map(pfam => {
                     return [pfam.AC.split(".")[0], { ...unref(pfam) }];