refactor: rework async DomainList

This commit is contained in:
axolotle 2024-08-13 00:25:58 +02:00
parent ddf872dd58
commit 3e44d959eb

View file

@ -1,12 +1,11 @@
<script setup lang="ts"> <script setup lang="ts">
import api from '@/api'
import RecursiveListGroup from '@/components/RecursiveListGroup.vue' import RecursiveListGroup from '@/components/RecursiveListGroup.vue'
import { useDomains } from '@/composables/data' import { useDomains } from '@/composables/data'
import { useInitialQueries } from '@/composables/useInitialQueries'
import { useSearch } from '@/composables/useSearch' import { useSearch } from '@/composables/useSearch'
const { loading } = useInitialQueries([ await api.fetch({ uri: 'domains', cachePath: 'domains' })
{ uri: 'domains', cachePath: 'domains' },
])
const { mainDomain, domainsTree } = useDomains() const { mainDomain, domainsTree } = useDomains()
const [search, filteredTree] = useSearch(domainsTree, (s, node) => const [search, filteredTree] = useSearch(domainsTree, (s, node) =>
@ -20,7 +19,6 @@ const [search, filteredTree] = useSearch(domainsTree, (s, node) =>
v-model="search" v-model="search"
:items="filteredTree ? filteredTree.children : filteredTree" :items="filteredTree ? filteredTree.children : filteredTree"
items-name="domains" items-name="domains"
:loading="loading"
> >
<template #top-bar-buttons> <template #top-bar-buttons>
<BButton variant="success" :to="{ name: 'domain-add' }"> <BButton variant="success" :to="{ name: 'domain-add' }">