Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 | <template> <q-btn dense flat v-if="user"> <q-avatar> <q-img :src="user.photoURL" v-if="user.photoURL"/> <span v-else>{{user.name.charAt(0)}}</span> </q-avatar> <q-menu auto-close> <q-list style="min-width: 160px"> <q-item clickable v-ripple to="/account"> <q-item-section>Account</q-item-section> </q-item> <q-item clickable v-ripple to="/account/projects"> <q-item-section>Projects</q-item-section> </q-item> <q-item clickable v-ripple to="/account/projects/new"> <q-item-section>New project...</q-item-section> </q-item> <q-separator/> <q-item clickable v-ripple to="/account/collections"> <q-item-section>Collections</q-item-section> </q-item> <q-item clickable v-ripple to="/account/bookmarks"> <q-item-section>Bookmarks</q-item-section> </q-item> <q-item clickable v-ripple @click="handleLogout"> <q-item-section>Logout</q-item-section> </q-item> </q-list> </q-menu> </q-btn> </template> <script> export default { // name: 'ComponentName', props: ["user"], data() { return {}; }, methods: { handleLogout() { this.$emit("logout"); } } }; </script> <style> </style> |