<script setup>
import { useLayout } from '@/layout/composables/layout';
import { ref, computed ,onMounted} from 'vue';
import AppConfig from '@/layout/AppConfig.vue';
import auth from '@/auth';
const { layoutConfig, contextPath } = useLayout();
const user = ref({});
const checked = ref(false);
const submitted = ref(false);
const logoUrl = computed(() => {
return `${contextPath}layout/images/${layoutConfig.darkTheme.value ? 'logo-white' : 'logo-dark'}.svg`;
});
const Login = () => {
submitted.value = true;
if (user.value.email && user.value.password) {
this.$store.dispatch("auth/login", user);
}
};
onMounted(() => {
auth.authForm('#firebaseui-auth-container')
});
</script>
i am facing an issue with storing Vuex login. I get an error when calling this line: this.$store.dispatch("auth/login", user). How can I resolve this problem?