I am in the process of updating an older Vue2 webpack (JS) project to Vite, which involves a mix of JS and TS. Additionally, I am transitioning from using Vuex to Pinia.
store.ts
interface UserLoginRequestI {
emailOrUsername?: string;
password?: string;
}
async login({ emailOrUsername, password }: UserLoginRequestI = {}) {
...
}
Login.vue (still JS)
import i18n from './dictionary';
import { useAuthStore } from '@/plugins/auth/store';
import { mapActions, mapState } from 'pinia';
...
methods: {
...mapActions(useAuthStore, ['login']),
},
The issue I am facing involves receiving an error on the first import that states:
Declaration emit for this file requires using private name 'UserLoginRequestI' from module '"./store/index"'. An explicit type annotation may unblock declaration emit.ts(9006)
Any assistance or guidance would be greatly appreciated!