File size: 1,280 Bytes
755dd12 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 |
<script lang="ts" setup>
import { ref, onMounted, watch } from 'vue';
import { useAppStore } from '../store';
import { useI18n } from 'vue-i18n';
import { Provider } from '../interface';
const appStore = useAppStore();
const provider = ref(appStore.localProvider);
const providers = ref<Provider[]>([]);
const loading = ref(false);
const { t } = useI18n();
const onModelSelect = (val: any) => {
appStore.updateLocalProvider(val);
};
watch(() => appStore.enableLocal, async (val) => {
if (val) {
await listProviders();
}
});
onMounted(async () => {
if (appStore.enableLocal) await listProviders();
if (appStore.localProvider) {
provider.value = appStore.localProvider;
} else {
provider.value = providers.value[0];
}
});
async function listProviders() {
providers.value = ['ollama', 'lmstudio'];
loading.value = false;
}
</script>
<script lang="ts">
export default {
name: 'LocalProviderSelect'
};
</script>
<template>
<t-select
v-model="provider"
:disabled="!appStore.enableLocal"
:loading="loading"
:label="t('provider')"
:placeholder="t('selectProvider')"
@change="onModelSelect"
>
<t-option v-for="(item, index) in providers" :key="index" :value="item" :label="item"></t-option>
</t-select>
</template>
|