ДМ
Синхронный строй?
Size: a a a
2021 February 06
AG
Надежды рушаться.
AN
Создал плагин api.ts
Но в компоненте при вызове this.$api.
шторм подвсвечивает
я так понимаю нужно задекларировать объект api но не пойму как и где это сделать
const myPlugin: Plugin = ({ $axios }, inject) => {
inject('api', {
acceptUserConfirmation(token: string, environment: string) {
return $axios.post(
`${process.env.NUXT_ENV_URL}/api/test/send`,
{ token, environment }
)
}
})
}Но в компоненте при вызове this.$api.
acceptUserConfirmationшторм подвсвечивает
acceptUserConfirmation как unresolvedя так понимаю нужно задекларировать объект api но не пойму как и где это сделать
IB
Voice Chat ended
V
Создал плагин api.ts
Но в компоненте при вызове this.$api.
шторм подвсвечивает
я так понимаю нужно задекларировать объект api но не пойму как и где это сделать
const myPlugin: Plugin = ({ $axios }, inject) => {
inject('api', {
acceptUserConfirmation(token: string, environment: string) {
return $axios.post(
`${process.env.NUXT_ENV_URL}/api/test/send`,
{ token, environment }
)
}
})
}Но в компоненте при вызове this.$api.
acceptUserConfirmationшторм подвсвечивает
acceptUserConfirmation как unresolvedя так понимаю нужно задекларировать объект api но не пойму как и где это сделать
V
подправь интерфейсы под себя
AN
подправь интерфейсы под себя
получается как то так?
interface Api {
(token: string, environment: string): object
}AN
в доке по тс нашел подобный пример, но кажется тут он не подходит
AN
Или все таки вот так
где мы указываем имя функции и тип возвращаемого значения
interface Api {
acceptUserConfirmation: object
}где мы указываем имя функции и тип возвращаемого значения
V
получается как то так?
interface Api {
(token: string, environment: string): object
}acceptUserConfirmation: (token: string, enviroment: string) => Promise<???>AN
acceptUserConfirmation: (token: string, enviroment: string) => Promise<???>точно, спасибо!
AN
acceptUserConfirmation: (token: string, enviroment: string) => Promise<???>TS ругаться перестал, но почему то ESLint теперь в интрфейсе говорит, что эти переменные не используются
ESLint: 'token' is defined but never used. Allowed unused args must match /^_/u.(@typescript-eslint/no-unused-vars)
ESLint: 'token' is defined but never used. Allowed unused args must match /^_/u.(@typescript-eslint/no-unused-vars)
V
TS ругаться перестал, но почему то ESLint теперь в интрфейсе говорит, что эти переменные не используются
ESLint: 'token' is defined but never used. Allowed unused args must match /^_/u.(@typescript-eslint/no-unused-vars)
ESLint: 'token' is defined but never used. Allowed unused args must match /^_/u.(@typescript-eslint/no-unused-vars)
покажи файл
AN
покажи файл
import { Plugin } from '@nuxt/types'
interface Api {
acceptUserConfirmation: (token: string, enviroment: string) => Promise<any>
}
declare module 'vue/types/vue' {
// this.$api inside Vue components
interface Vue {
$api: Api
}
}
declare module '@nuxt/types' {
// nuxtContext.app.$api inside asyncData, fetch, plugins, middleware, nuxtServerInit
interface NuxtAppOptions {
$api: Api
}
// nuxtContext.$api
interface Context {
$api: Api
}
}
declare module 'vuex/types/index' {
// this.$api inside Vuex stores
interface Store<S> {
$api: Api
}
}
const myPlugin: Plugin = ({ $axios }, inject) => {
inject('api', {
acceptUserConfirmation(token: string, environment: string) {
return $axios.post(
`${processprocess.env.NUXT_ENV_URL}/api/front/test/send`,
{ token, environment }
)
}
})
}
export default myPluginV
import { Plugin } from '@nuxt/types'
interface Api {
acceptUserConfirmation: (token: string, enviroment: string) => Promise<any>
}
declare module 'vue/types/vue' {
// this.$api inside Vue components
interface Vue {
$api: Api
}
}
declare module '@nuxt/types' {
// nuxtContext.app.$api inside asyncData, fetch, plugins, middleware, nuxtServerInit
interface NuxtAppOptions {
$api: Api
}
// nuxtContext.$api
interface Context {
$api: Api
}
}
declare module 'vuex/types/index' {
// this.$api inside Vuex stores
interface Store<S> {
$api: Api
}
}
const myPlugin: Plugin = ({ $axios }, inject) => {
inject('api', {
acceptUserConfirmation(token: string, environment: string) {
return $axios.post(
`${processprocess.env.NUXT_ENV_URL}/api/front/test/send`,
{ token, environment }
)
}
})
}
export default myPluginне знаю, не должно. Лучше вынеси все эти типы в d.ts файл
AN
не знаю, не должно. Лучше вынеси все эти типы в d.ts файл
Да, согласен, а линтом действительно странно, и вызов
this.$api.acceptUserConfirmation('12', '21') есть, не понятно, чего ему не хватаетAN
не знаю, не должно. Лучше вынеси все эти типы в d.ts файл
а файл d.tsнужно как то подключать? гугл говорит просто положить в папку плагинс
V
а файл d.tsнужно как то подключать? гугл говорит просто положить в папку плагинс
ну вот
AN
ну вот
а, да все ок, надо было просто проект пересобрать
᠌