Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

error TS2339: Property '$vaToast' does not exist on type 'CreateComponentPublicInstanceWithMixins #4434

Open
JohanAndreVisma opened this issue Nov 23, 2024 · 1 comment
Labels
BUG Something isn't working

Comments

@JohanAndreVisma
Copy link

JohanAndreVisma commented Nov 23, 2024

Vuestic-ui version: 1.10.3

Description

I'm trying to update my Vue project to vuestic version 1.10.3
after doing this I get compile errors
"error TS2339: Property '$vaToast' does not exist on type 'CreateComponentPublicInstanceWithMixins"

The code that causes the problem is when trying to reference this.$vaToast
I'm using the the Options API version of Vue.
This worked before when I was using Vuestic 1.7.6

I thought it was related to old vite or typescript versions so I tried to update those as well but that did not work.

The reason I tried to update Vuestic in the first place was that my UI started to act strange after updating to the latest Vue version 3.5.13 from 3.2.45
A regular va-input field was not showing its bounded value until it was focused.
Does Vuestic not work with the latest Vue version?

After some searching I found this that seems to be a similar problem:
nuxt/nuxt#28869

import { App } from 'vue';
import { NotificationOptions } from '../toast';
declare const createVaToastPlugin: (app: App) => {
/** Returns toast instance id */
init(options: string | NotificationOptions): string | null;
close(id: string): void;
closeAll(allApps?: boolean): void;
};
export declare const VaToastPlugin: import("../../../services/vue-plugin/types").VuesticPluginFabric<[]>;
declare module 'vue' {
interface ComponentCustomProperties {
$vaToast: ReturnType;
}
}
export {};

seems like declare module 'vue' should be replaced with declare module '@vue/runtime-core'

@JohanAndreVisma JohanAndreVisma added the BUG Something isn't working label Nov 23, 2024
@JohanAndreVisma
Copy link
Author

Changed back my Vue version from 3.5.13 to 3.2.45 and now the input field started working again.
So there seems to be some problem with Vuestic and latest Vue version.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
BUG Something isn't working
Projects
Status: Backlog
Development

No branches or pull requests

1 participant