Dev (#173)

* chore(deps-dev): bump eslint-plugin-vue from 9.9.0 to 9.10.0

Bumps [eslint-plugin-vue](https://github.com/vuejs/eslint-plugin-vue) from 9.9.0 to 9.10.0.
- [Release notes](https://github.com/vuejs/eslint-plugin-vue/releases)
- [Commits](vuejs/eslint-plugin-vue@v9.9.0...v9.10.0)

---
updated-dependencies:
- dependency-name: eslint-plugin-vue
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

* fix(gh): fix github issue #153
[BUG] Film logo scaled too large
Fixes #153

* fix: improved a11y

title images now use Title slot for alt

* feat: gravatar support

You can now change your profile picture using Gravatar

* feat: slogan meme

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

src/stories/atoms/Logo.vue

@@ -1,16 +1,22 @@
 <template>
-  <span class="font-bold text-white" @click="$emit('click')">
-    {{ long ? "Bergflix" : "Bf" }}<span class="text-primary-500">. <slot /></span>
+  <span class="font-bold text-white relative" @click="$emit('click')">
+    {{ long ? 'Bergflix' : 'Bf'
+    }}<span class="text-primary-500">. <slot /></span>
+    <a href="https://cdn.upload.systems/uploads/f9kaTj1Q.png"
+      ><span
+        v-if="canHaveSlogan"
+        class="absolute -right-4 -bottom-4 font-inception text-base text-indigo-500 -rotate-12 p-1"
+        >Jawohl!</span
+      ></a
+    >
   </span>
 </template>
-<script setup>
+<script setup lang="ts">
 // eslint-disable-next-line no-undef
-defineProps({
-  long: {
-    type: Boolean,
-    required: false,
-  },
-});
+defineProps<{
+  long?: boolean;
+  canHaveSlogan?: boolean;
+}>();
 // eslint-disable-next-line no-undef
-defineEmits(["click"]);
+defineEmits(['click']);
 </script>

src/stories/organisms/NavBar.vue

@@ -2,7 +2,7 @@
   <nav
     class="w-full h-20 fixed bg-gradient-to-t md:bg-gradient-to-b via-black/50 from-black to-transparent z-50 md:top-0 md:bottom-0-auto bottom-0 top-auto flex flex-row items-center md:justify-start justify-around md:space-x-2 p-2"
   >
-    <Logo long class="hidden md:block text-3xl" />
+    <Logo long can-have-slogan class="hidden md:block text-3xl" />
     <NavLink v-for="item in navItems" :key="item.name" :name="item.name">
       <component
         :is="item.icon"