user module + translations

src/components/AppHeader.vue

@@ -1,16 +1,20 @@
 <template>
     <v-app-bar color="blue" scroll-behavior="elevate" scroll-threshold="20">
         <!-- <v-app-bar-nav-icon variant="text" @click.stop="drawer = !drawer"></v-app-bar-nav-icon> -->
-        <v-app-bar-title>ProNature Playground</v-app-bar-title>
-        <v-btn to="/manage" icon="mdi-wrench-cog-outline" v-if="roles.editor"></v-btn>
-        <v-dialog max-width="400">
+        <v-app-bar-title>{{ l.playground }}</v-app-bar-title>
+        <v-btn to="/manage" icon="mdi-wrench-cog-outline" v-if="roles.editor" v-tooltip="l.workshop"></v-btn>
+        <v-dialog max-width="480">
             <template v-slot:activator="{ props }">
                 <v-btn icon="mdi-account" variant="text" v-bind="props"></v-btn>
             </template>
-            <v-card class="pa-3" :title="user? 'Profile' : 'Sign in' ">
-                <Auth v-if="!user"></Auth>
-                <Profile v-else></Profile> 
-            </v-card>
+            <template v-slot:default="{ isActive }">
+                <v-card class="pa-3" :title="user? l.profile : l.signin ">
+                    <v-card-text>
+                        <Profile v-if="user"></Profile>
+                        <Auth v-show="!user" @login-success="isActive.value = false"></Auth>
+                    </v-card-text>
+                </v-card>
+            </template>
         </v-dialog >
     </v-app-bar>
 </template>