Vue3: migrating from vuex to Pinia (#249)

* Vue3: migrating from vuex to Pinia

* toggle input fixes

* update configureCompat

---------

Co-authored-by: Forms Dev <chirag+new@notionforms.io>

resources/js/plugins/axios.js

@@ -1,5 +1,5 @@
 import axios from 'axios'
-import store from '~/store'
+import { useAuthStore } from '../stores/auth';
 import router from '~/router'
 import Cookies from 'js-cookie'
 
@@ -17,16 +17,13 @@ function addPasswordToFormRequest (request) {
 
 // Request interceptor
 axios.interceptors.request.use(request => {
-  const token = store.getters['auth/token']
+  const authStore = useAuthStore()
+  const token = authStore.token
   if (token) {
     request.headers.common.Authorization = `Bearer ${token}`
   }
 
-  const locale = store.getters['lang/locale']
-  if (locale) {
-    request.headers.common['Accept-Language'] = locale
-  }
-
+  request.headers.common['Accept-Language'] = 'en-US'
   // request.headers['X-Socket-Id'] = Echo.socketId()
 
   request = addPasswordToFormRequest(request)
@@ -36,14 +33,14 @@ axios.interceptors.request.use(request => {
 
 // Response interceptor
 axios.interceptors.response.use(response => response, error => {
+  const authStore = useAuthStore()
   const { status } = error.response
   if (status >= 500) {
     console.log(status)
   }
 
-  if (status === 401 && store.getters['auth/check']) {
-    store.commit('auth/LOGOUT')
-
+  if (status === 401 && authStore.check) {
+    authStore.logout()
     router.push({ name: 'login' })
   }