Commit ab4b8c30 authored by erlendoeien's avatar erlendoeien
Browse files

Add logos and icons

parent 5c7cabc9
......@@ -3,3 +3,5 @@ node_modules
dist
dist-ssr
*.local
*.firebase
*.vscode
\ No newline at end of file
{
"recommendations": ["johnsoncodehk.volar"]
}
public/favicon.ico

4.19 KB | W: | H:

public/favicon.ico

15 KB | W: | H:

public/favicon.ico
public/favicon.ico
public/favicon.ico
public/favicon.ico
  • 2-up
  • Swipe
  • Onion skin
<template>
<teleport to="head"><title>Movie room</title></teleport>
<div>
<nav>
<span v-if="loginName">
<!-- Movies shall be the logo -->
<router-link to="/movies"> Movies </router-link> |
<router-link to="/movies"> <img :src="logo" /></router-link> |
<span><font-awesome-icon icon="user" /> {{ loginName }}</span> |
<router-link to="/wishlist">Wishlist</router-link> |
<span>{{ loginName }}</span> |
<button @click="signOut">Log out</button>
</span>
......@@ -17,6 +18,7 @@
<script setup lang="ts">
import { useCurrentUser } from "./hooks";
import logo from "./assets/favicon-32x32.png";
const { signOut, loginName } = useCurrentUser();
</script>
......
import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
import { library } from "@fortawesome/fontawesome-svg-core";
import { faHeart, faHeartBroken, faSpinner, faUser } from "@fortawesome/free-solid-svg-icons";
library.add(faUser, faSpinner, faHeart, faHeartBroken);
// library.add(faSpinner)
export default FontAwesomeIcon;
import { getDatabase, onValue, push, ref as fbRef } from "@firebase/database";
import { ref, watch, onMounted, onBeforeUnmount, Ref } from "@vue/runtime-dom";
import { getUsername } from "../tools/databaseTools";
import { IListeners, IMovie, IWishlist } from "../types";
import { getAuth } from "@firebase/auth";
import { ref, watch, onBeforeUnmount, Ref } from "@vue/runtime-dom";
import { IListeners, IMovie } from "../types";
import unsubscibeListeners from "../tools/unsubscribeListeners";
import { computed } from "vue";
import type { TWish } from "./useWishlist";
export default function useFilteredMovies(
......
......@@ -3,6 +3,7 @@ import App from "./App.vue";
import router from "./router";
import { FirebaseOptions, initializeApp } from "firebase/app";
import "./index.css";
import FontAwesomeIcon from "./fontawesome-icons";
const firebaseConfig: FirebaseOptions = {
apiKey: import.meta.env.VITE_APIKEY as string,
......@@ -19,5 +20,5 @@ const firebaseConfig: FirebaseOptions = {
const firebaseApp = initializeApp(firebaseConfig);
// const analytics = getAnalytics(firebaseApp);
const app = createApp(App).use(router);
const app = createApp(App).component("font-awesome-icon", FontAwesomeIcon).use(router);
app.mount("#app");
<template>
<h1>Dashboard</h1>
<h1>Movies Room</h1>
<div>
<h2>Sign in</h2>
<img :src="logo" width="256" />
<button @click="signIn">Sign in with Google</button>
</div>
</template>
<script setup lang="ts">
import { GoogleAuthProvider } from "firebase/auth";
const provider = new GoogleAuthProvider();
import { getAuth, signInWithPopup } from "firebase/auth";
import { useRouter } from "vue-router";
import logo from "../assets/logo_512x512.png";
const provider = new GoogleAuthProvider();
const auth = getAuth();
const router = useRouter();
const signIn = () =>
......
......@@ -415,6 +415,30 @@
resolved "https://registry.yarnpkg.com/@firebase/webchannel-wrapper/-/webchannel-wrapper-0.6.1.tgz#0c74724ba6e9ea6ad25a391eab60a79eaba4c556"
integrity sha512-9FqhNjKQWpQ3fGnSOCovHOm+yhhiorKEqYLAfd525jWavunDJcx8rOW6i6ozAh+FbwcYMkL7b+3j4UR/30MpoQ==
"@fortawesome/fontawesome-common-types@^0.2.36":
version "0.2.36"
resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-0.2.36.tgz#b44e52db3b6b20523e0c57ef8c42d315532cb903"
integrity sha512-a/7BiSgobHAgBWeN7N0w+lAhInrGxksn13uK7231n2m8EDPE3BMCl9NZLTGrj9ZXfCmC6LM0QLqXidIizVQ6yg==
"@fortawesome/fontawesome-svg-core@^1.2.36":
version "1.2.36"
resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-1.2.36.tgz#4f2ea6f778298e0c47c6524ce2e7fd58eb6930e3"
integrity sha512-YUcsLQKYb6DmaJjIHdDWpBIGCcyE/W+p/LMGvjQem55Mm2XWVAP5kWTMKWLv9lwpCVjpLxPyOMOyUocP1GxrtA==
dependencies:
"@fortawesome/fontawesome-common-types" "^0.2.36"
"@fortawesome/free-solid-svg-icons@^5.15.4":
version "5.15.4"
resolved "https://registry.yarnpkg.com/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-5.15.4.tgz#2a68f3fc3ddda12e52645654142b9e4e8fbb6cc5"
integrity sha512-JLmQfz6tdtwxoihXLg6lT78BorrFyCf59SAwBM6qV/0zXyVeDygJVb3fk+j5Qat+Yvcxp1buLTY5iDh1ZSAQ8w==
dependencies:
"@fortawesome/fontawesome-common-types" "^0.2.36"
"@fortawesome/vue-fontawesome@^3.0.0-5":
version "3.0.0-5"
resolved "https://registry.yarnpkg.com/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.0.0-5.tgz#6251e6917198362fa56510eb256cfb6aa6d30a32"
integrity sha512-aNmBT4bOecrFsZTog1l6AJDQHPP3ocXV+WQ3Ogy8WZCqstB/ahfhH4CPu5i4N9Hw0MBKXqE+LX+NbUxcj8cVTw==
"@grpc/grpc-js@^1.3.2":
version "1.5.0"
resolved "https://registry.yarnpkg.com/@grpc/grpc-js/-/grpc-js-1.5.0.tgz#fa0ca3170d7544aa89db6f64f7b4778603d0a786"
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment