?? Vue JS ????? SRC ?? ??? ????????.

.
├── src
│   └── assets
│       └── images
|           └── imagem_logo_google.png
│   └── module
│       └── login
|           └── component
|               └── formLogin.vue
|           └── controller
|               └── loginController.js
|           └── view
|               └── login.vue
│       └── register
|           └── component
|               └── formRegister.vue
|           └── controller
|               └── registerController.js
|           └── view
|               └── register.vue
│   └── router
│       └── index.js
│   └── App.vue
│   └── main.js

??? ?????.

• assets ??? ? ????? ???? ?? ????. ? ???? ??? Google ??? ??? ???? ? ??? ? ??? Google ?? ???? ??? ????. ;

• module ???? ???? ??? ????. ? ???? ? ??? ??? ???? ? ?? ?? ? ?? ??? ?? ??? ??? ?? ?? ??? ??????.

  • login ? register ?? ?? ?? ??? ??????.

  ????: ??? HTML? ??? ????
  ????: ???? ??? ??? ??? ??
  view: ?????? ??? ??? ???? ???? prop? ?????.

• ??? ???? ????? ??? ????.

• App.vue ??? ???? ??? ???? ?? ???? ?? ?? CSS ???? ?????.

• ?????, Firebase? ??? SDK ??? Vue JS ???? ???? ?? ????? ???? ?? main.js ?????.

---

??, ????? ?? ??? ???? ??? libs(? ?? vue-router ? firebase)? ???????.

$ npm install vue-router

??

$ npm install firebase

---

?? main.js ??? Firebase? ??? SDK? ???? ??? ???????. ?? ??? ??? ???.

.
├── src
│   └── main.js

import { createApp } from 'vue'
import App from './App.vue'
import vuetify from './plugins/vuetify'
import { initializeApp } from 'firebase/app'

const firebaseConfig = {
  apiKey: "AIzaSyA_Bq3nqLfRUWXsqtkpzietY5eu0ewFtzA",
  authDomain: "login-app-8c263.firebaseapp.com",
  projectId: "login-app-8c263",
  storageBucket: "login-app-8c263.appspot.com",
  messagingSenderId: "854129813359",
  appId: "1:854129813359:web:02f776146a0c34be906a9a"
}

initializeApp(firebaseConfig)

const app = createApp(App)

app.use(vuetify).mount('#app')

?? ??? ? ?? ???? ?? Vuetify? ?? Vue? ???? ??? Tailwind ?? ??? ?? ?????? ??? ? ????.

---

?? App.vue ???? ???? ??? ???? ??? ?????. ????? ? ??? ??? ?????.

.
├── src
│   └── router
│       └── index.js
│   └── App.vue

?? index.js ??? ???? ??? ??? ?????.

.
├── src
│   └── assets
│       └── images
|           └── imagem_logo_google.png
│   └── module
│       └── login
|           └── component
|               └── formLogin.vue
|           └── controller
|               └── loginController.js
|           └── view
|               └── login.vue
│       └── register
|           └── component
|               └── formRegister.vue
|           └── controller
|               └── registerController.js
|           └── view
|               └── register.vue
│   └── router
│       └── index.js
│   └── App.vue
│   └── main.js

?? ??? ?? App.vue ???? ??? ??? ?????.

$ npm install vue-router

????? ???????? ??? ? ??? main.js ??? ??? ???????.

$ npm install firebase

---

?? ?? ?? ????, ?? ?? ? ??? ??? ?????. ??? ? ??? ???????.

.
├── src
│   └── main.js

?? ??Register.vue.

import { createApp } from 'vue'
import App from './App.vue'
import vuetify from './plugins/vuetify'
import { initializeApp } from 'firebase/app'

const firebaseConfig = {
  apiKey: "AIzaSyA_Bq3nqLfRUWXsqtkpzietY5eu0ewFtzA",
  authDomain: "login-app-8c263.firebaseapp.com",
  projectId: "login-app-8c263",
  storageBucket: "login-app-8c263.appspot.com",
  messagingSenderId: "854129813359",
  appId: "1:854129813359:web:02f776146a0c34be906a9a"
}

initializeApp(firebaseConfig)

const app = createApp(App)

app.use(vuetify).mount('#app')

registerController.js ??.

.
├── src
│   └── router
│       └── index.js
│   └── App.vue

Register.vue ??.

1  | import { createRouter, createWebHistory } from 'vue-router'
2  | import Register from '@/module/register/view/register.vue'
3  |
4  | const router = createRouter({
5  | history: createWebHistory(),
6  | routes: [
7  |   {
8  |     path: '/cadastro',
9  |     name: 'Register',
10 |     component: Register
11 |   }
12 | ]
13 | })
14 |
15 | export default router

???? ??? Firebase? SDK? ????? main.js ??? ???? ??? ?? ????, router/index.js?? ??? ?????, main.js ? App.vue?? ??? ??????. , formRegister.vue ??? ?? ?? ?? ??? ????, RegisterController.js ??? ??? ?????, ?????? Register.vue ??? ?? ??? ???? ??? ??????. ?? ??????? ????? /?? ?? ??? ??? ?? ???? ???.

? ??? Firebase Vue JS #STEP? ???/??(??)? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!