Vue template

This is my personal Vue template for "bootstrapping" projects rather quickly.

It includes, by default, basic Google authentication against a Firebase instance, configured in .env.

Folder names and project structure is somewhat compatible with Material Icons for PHPStorm, to get them pretty icons.

Will display a login button to authenticate with a Google account.

Project setup

Installing GreenSock for the first time

Then the first time that you install GSAP to a project you need to install via:

npm install gsap@npm:@gsap/business

Installing other dependencies

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Common weirdness

Save a CSS variable from a Vue component

Firebase Read/Write rules

Limit read/write to certain Google users

https://console.firebase.google.com/project/PROJECT-NAME-HERE/firestore/rules

service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write: if request.auth.uid == "google-user-id-goes-here";
      allow read, write: if request.auth.uid == "another-user-id-here";
    }
  }
}

postmodernistx/vue-template

ErrorLooks like something went wrong!

About

Topics

Resources

Uh oh!

Stars

Watchers

Forks

Releases 1

Packages 0

Uh oh!

Languages

Error
Looks like something went wrong!

Packages