fix: translate
This commit is contained in:
@@ -1,8 +1,8 @@
|
||||
import { useSettingsStore } from '../stores/settings'
|
||||
import { defineStore } from 'pinia'
|
||||
import { ref } from 'vue'
|
||||
import { useFetchJson } from '@/composable/useFetchJson'
|
||||
import type { ProductDescription } from '@/types/product'
|
||||
import { useSettingsStore } from './settings'
|
||||
|
||||
export interface Product {
|
||||
id: number
|
||||
@@ -24,24 +24,20 @@ export interface ProductResponse {
|
||||
}
|
||||
|
||||
export const useProductStore = defineStore('product', () => {
|
||||
const productDescription = ref<ProductDescription | null>(null)
|
||||
const defaultProductDescription = ref<ProductDescription | null>(null)
|
||||
const currentProduct = ref<Product | null>(null)
|
||||
|
||||
const loading = ref(false)
|
||||
const error = ref<string | null>(null)
|
||||
const settingsStore = useSettingsStore()
|
||||
const productDescription = ref()
|
||||
|
||||
const defaultLangId = settingsStore.shopDefaultLanguage
|
||||
|
||||
async function getProductDescription(langId = 1, productID: number) {
|
||||
async function getProductDescription(langId: number, productID: number) {
|
||||
loading.value = true
|
||||
error.value = null
|
||||
|
||||
try {
|
||||
const response = await useFetchJson<ProductDescription>(
|
||||
`/api/v1/restricted/product-translation/get-product-description?productID=${productID}&productLangID=${langId}`
|
||||
)
|
||||
productDescription.value = response.items
|
||||
console.log(productDescription, 'dfsfsdf');
|
||||
} catch (e: unknown) {
|
||||
error.value = e instanceof Error ? e.message : 'Failed to load product description'
|
||||
} finally {
|
||||
@@ -49,34 +45,12 @@ export const useProductStore = defineStore('product', () => {
|
||||
}
|
||||
}
|
||||
|
||||
async function saveProductDescription(productID?: number, langId?: number, shopId = 1) {
|
||||
const id = productID || 1
|
||||
try {
|
||||
const data = await useFetchJson(
|
||||
`/api/v1/restricted/product-description/save-product-description?productID=${id}&productShopID=${shopId}&productLangID=${langId ?? 1}`,
|
||||
{
|
||||
method: 'POST',
|
||||
body: JSON.stringify({
|
||||
description: productDescription.value?.description,
|
||||
description_short: productDescription.value?.description_short,
|
||||
meta_description: productDescription.value?.meta_description,
|
||||
available_now: productDescription.value?.available_now,
|
||||
usage: productDescription.value?.usage
|
||||
})
|
||||
}
|
||||
)
|
||||
return data
|
||||
} catch (e) {
|
||||
console.error(e)
|
||||
}
|
||||
}
|
||||
|
||||
async function translateProductDescription(productID: number, fromLangId: number, toLangId: number) {
|
||||
async function translateProductDescription(productID: number, toLangId: number, defaultLangId: number, model: string = 'OpenAI') {
|
||||
loading.value = true
|
||||
error.value = null
|
||||
|
||||
try {
|
||||
const response = await useFetchJson<ProductDescription>(`/api/v1/restricted/product-description/translate-product-description?productID=${productID}&productShopID=1&productFromLangID=${fromLangId}&productToLangID=${defaultLangId}&model=OpenAI`)
|
||||
const response = await useFetchJson<ProductDescription>(`/api/v1/restricted/product-translation/translate-product-description?productID=${productID}&productFromLangID=${defaultLangId}&productToLangID=${toLangId}&model=${model}`)
|
||||
productDescription.value = response.items
|
||||
return response.items
|
||||
} catch (e: any) {
|
||||
@@ -87,20 +61,166 @@ export const useProductStore = defineStore('product', () => {
|
||||
}
|
||||
}
|
||||
|
||||
function clearCurrentProduct() {
|
||||
currentProduct.value = null
|
||||
|
||||
function stripHtml(html: string) {
|
||||
const div = document.createElement('div')
|
||||
div.innerHTML = html
|
||||
return div.textContent || div.innerText || ''
|
||||
}
|
||||
|
||||
async function saveProductDescription(productID?: number, langId?: number) {
|
||||
const id = productID || 1
|
||||
const lang = langId || 1
|
||||
try {
|
||||
const data = await useFetchJson(
|
||||
`/api/v1/restricted/product-translation/save-product-description?productID=${id}&productLangID=${lang}`,
|
||||
{
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify({
|
||||
name: stripHtml(productDescription.value?.name || ''),
|
||||
description: stripHtml(productDescription.value?.description || ''),
|
||||
description_short: stripHtml(productDescription.value?.description_short || ''),
|
||||
meta_title: stripHtml(productDescription.value?.meta_title || ''),
|
||||
meta_description: stripHtml(productDescription.value?.meta_description || ''),
|
||||
available_now: stripHtml(productDescription.value?.available_now || ''),
|
||||
available_later: stripHtml(productDescription.value?.available_later || ''),
|
||||
usage: stripHtml(productDescription.value?.usage || '')
|
||||
})
|
||||
}
|
||||
)
|
||||
return data
|
||||
} catch (e) {
|
||||
console.error(e)
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
productDescription,
|
||||
defaultProductDescription,
|
||||
currentProduct,
|
||||
loading,
|
||||
error,
|
||||
defaultLangId,
|
||||
getProductDescription,
|
||||
clearCurrentProduct,
|
||||
saveProductDescription,
|
||||
translateProductDescription,
|
||||
getProductDescription,
|
||||
saveProductDescription
|
||||
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
|
||||
// import { defineStore } from 'pinia'
|
||||
// import { ref } from 'vue'
|
||||
// import { useFetchJson } from '@/composable/useFetchJson'
|
||||
// import type { ProductDescription } from '@/types/product'
|
||||
// import { useSettingsStore } from './settings'
|
||||
|
||||
// export interface Product {
|
||||
// id: number
|
||||
// image: string
|
||||
// name: string
|
||||
// code: string
|
||||
// inStock: boolean
|
||||
// priceFrom: number
|
||||
// priceTo: number
|
||||
// count: number
|
||||
// description?: string
|
||||
// howToUse?: string
|
||||
// productDetails?: string
|
||||
// }
|
||||
|
||||
// export interface ProductResponse {
|
||||
// items: Product[]
|
||||
// items_count: number
|
||||
// }
|
||||
|
||||
// export const useProductStore = defineStore('product', () => {
|
||||
// const productDescription = ref()
|
||||
// const currentProduct = ref<Product | null>(null)
|
||||
// const loading = ref(false)
|
||||
// const error = ref<string | null>(null)
|
||||
|
||||
// async function getProductDescription(langId = 1, productID: number) {
|
||||
// loading.value = true
|
||||
// error.value = null
|
||||
|
||||
// try {
|
||||
// const response = await useFetchJson<ProductDescription>(
|
||||
// `/api/v1/restricted/product-translation/get-product-description?productID=${productID}&productLangID=${langId}`
|
||||
// )
|
||||
// productDescription.value = response.items
|
||||
// console.log(productDescription, 'dfsfsdf');
|
||||
|
||||
// } catch (e: unknown) {
|
||||
// error.value = e instanceof Error ? e.message : 'Failed to load product description'
|
||||
// } finally {
|
||||
// loading.value = false
|
||||
// }
|
||||
// }
|
||||
// function stripHtml(html: string) {
|
||||
// const div = document.createElement('div')
|
||||
// div.innerHTML = html
|
||||
// return div.textContent || div.innerText || ''
|
||||
// }
|
||||
// async function saveProductDescription(productID?: number, langId?: number) {
|
||||
// const id = productID || 1
|
||||
// const lang = langId || 1
|
||||
// try {
|
||||
// const data = await useFetchJson(
|
||||
// `/api/v1/restricted/product-translation/save-product-description?productID=${id}&productLangID=${lang}`,
|
||||
// {
|
||||
// method: 'POST',
|
||||
// headers: {
|
||||
// 'Content-Type': 'application/json'
|
||||
// },
|
||||
// body: JSON.stringify({
|
||||
// name: stripHtml(productDescription.value?.name || ''),
|
||||
// description: stripHtml(productDescription.value?.description || ''),
|
||||
// description_short: stripHtml(productDescription.value?.description_short || ''),
|
||||
// meta_title: stripHtml(productDescription.value?.meta_title || ''),
|
||||
// meta_description: stripHtml(productDescription.value?.meta_description || ''),
|
||||
// available_now: stripHtml(productDescription.value?.available_now || ''),
|
||||
// available_later: stripHtml(productDescription.value?.available_later || ''),
|
||||
// usage: stripHtml(productDescription.value?.usage || '')
|
||||
// })
|
||||
// }
|
||||
// )
|
||||
// return data
|
||||
// } catch (e) {
|
||||
// console.error(e)
|
||||
// }
|
||||
// }
|
||||
|
||||
// const defaultLangId = ref(1)
|
||||
// async function translateProductDescription(productID: number, fromLangId: number, defaultLangId: number, model: string = 'OpenAI') {
|
||||
// loading.value = true
|
||||
// error.value = null
|
||||
|
||||
// try {
|
||||
// const response = await useFetchJson<ProductDescription>(`/api/v1/restricted/product-translation/translate-product-description?productID=${productID}&productFromLangID=${fromLangId}&productToLangID=${defaultLangId}&model=${model}`)
|
||||
// productDescription.value = response.items
|
||||
// return response.items
|
||||
// } catch (e: any) {
|
||||
// error.value = e?.message || 'Failed to translate product description'
|
||||
// console.error('Failed to translate product description:', e)
|
||||
// } finally {
|
||||
// loading.value = false
|
||||
// }
|
||||
// }
|
||||
|
||||
// function clearCurrentProduct() {
|
||||
// currentProduct.value = null
|
||||
// }
|
||||
|
||||
// return {
|
||||
// productDescription,
|
||||
// currentProduct,
|
||||
// loading,
|
||||
// error,
|
||||
// getProductDescription,
|
||||
// clearCurrentProduct,
|
||||
// saveProductDescription,
|
||||
// translateProductDescription,
|
||||
// }
|
||||
// })
|
||||
@@ -2,12 +2,12 @@ import { useFetchJson } from '@/composable/useFetchJson'
|
||||
import type { Resp } from '@/types'
|
||||
import type { Settings } from '@/types/settings'
|
||||
import { defineStore } from 'pinia'
|
||||
import { ref } from 'vue'
|
||||
import { computed, ref } from 'vue'
|
||||
|
||||
export const useSettingsStore = defineStore('settings', () => {
|
||||
const settings = ref<Settings | null>(null)
|
||||
const loaded = ref(false)
|
||||
const shopDefaultLanguage= settings?.app?.shop_default_language
|
||||
const shopDefaultLanguage = computed(() => settings.value?.app?.shop_default_language ?? 1)
|
||||
|
||||
async function getSettings(): Promise<Settings | null> {
|
||||
if (loaded.value && settings.value) return settings.value
|
||||
|
||||
Reference in New Issue
Block a user