> For the complete documentation index, see [llms.txt](https://phoenixcoded.gitbook.io/able-pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://phoenixcoded.gitbook.io/able-pro/vue/how-to/remove-authentication.md). # Remove Authentication 1. Open below files and remove code from this files

import { useAuthStore } from '@/stores/auth';
   ....

   router.beforeEach(async (to) => {
     const auth = useAuthStore();

     const routeName = String(to.name ?? '');
     const authRequired = routeName.startsWith('/(main)') || to.matched.some((record) => record.meta.requiresAuth === true);

     if (authRequired && !auth.user) {
       auth.returnUrl = to.fullPath;
       return { path: '/login' };
     }

     if (auth.user && to.path === '/login') {
       return { path: auth.returnUrl || '/' };
     }
   });

   ....

<script setup lang="ts">
   import { useAuthStore } from '@/stores/auth';

   const authStore = useAuthStore();
   </script>

   <template>
      ....
      <v-btn variant="text" aria-label="logout" color="error" rounded="sm" icon size="large" @click="authStore.logout()">
         <SvgSprite name="custom-logout-1" />
      </v-btn>
      .....
      
     <v-list-item
       @click="authStore.logout()"
       color="primary"
       :base-color="customizer.actTheme === 'dark' ? 'lightText' : 'secondary'"
       rounded="md"
     >
       <template v-slot:prepend>
         <div class="me-4">
           <SvgSprite name="custom-logout-1" style="width: 18px; height: 18px" />
         </div>
       </template>

       <v-list-item-title class="text-headline-small"> Logout</v-list-item-title>
     </v-list-item>
               
       .....     
   </template>

{% code title="src/main.ts" %} ```typescript ...... import { fakeBackend } from '@/utils/helpers/fake-backend'; ...... fakeBackend(); ....... ``` {% endcode %} {% code title="src/components/authentication/AuthLogin.vue" %} ```typescript ``` {% endcode %} 2. Remove files -\ `src/stores/auth.ts` \ `src/stores/authUser.ts` \ `src/utils/helpers` folder