This is a boilerplate for a VueJS application with Firebase.

INFO: This is a work in progress. I will update this README as I go along.

• Vue JS: The Progressive JavaScript Framework
• Firebase: Authentication, Firestore, Storage
• Vue Router: Routing
• Pinia: State management
• Vite: Build tool
• Tailwind CSS: CSS framework
• daisyUI: UI components
• VueUse: Collection of useful composition APIs

# Clone the repository
git clone

# Install dependencies
npm install

# Run the application
npm run dev

# Build for production with minification
npm run build

Change the Firebase configuration in src/plugins/firebase.js to your own.

You can create your own middleware in src/middleware.

Page Meta information can be set, and you can add more meta tags in src/components/MetaInfo.vue.

<script setup>
import {computed} from "vue";

const metaInfo = computed(() => {
  return {
    title: "Login",
  }
});

</script>

<template>
  <teleport to="head">
    <MetaInfo :meta="metaInfo"/> <!-- MetaInfo is global component -->
  </teleport>
  <div>
    <h1>Login</h1>
  </div>
</template>

├── src
│   ├── assets
│   ├── components
│       ├── layout
│   ├── middleware
│   ├── pages
│   ├── plugins
│   ├── stores
|-- App.vue
|-- main.js
|-- styles.css

This project is licensed under the MIT License - see the LICENSE.md file for details