💄 (card) smaller h1

src/App.vue

@@ -1,21 +1,13 @@
+<script lang="ts" setup>
+import { useGitHubLogin } from '@/hooks/useGitHubLogin.hook'
+
+const { isReady } = useGitHubLogin()
+</script>
+
 <template>
   <router-view v-if="isReady" class="app" />
 </template>
 
-<script lang="ts">
-import { useGitHubLogin } from '@/hooks/useGitHubLogin.hook'
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'App',
-  setup() {
-    const { isReady } = useGitHubLogin()
-
-    return { isReady }
-  }
-})
-</script>
-
 <style lang="scss">
 @import 'styles/app';
 </style>

src/modules/card/components/FlipCard.vue

@@ -6,7 +6,9 @@ defineProps<{ card: Card }>()
 const emit = defineEmits<{ success: []; fail: [] }>()
 
 const flipped = ref(false)
-const flip = () => (flipped.value = !flipped.value)
+const flip = () => {
+  flipped.value = !flipped.value
+}
 
 const success = () => emit('success')
 
@@ -34,7 +36,7 @@ const fail = () => emit('fail')
   </div>
 </template>
 
-<style scoped lang="scss">
+<style lang="scss">
 $border-radius: 0.5rem;
 
 .flip-card {
@@ -48,7 +50,6 @@ $border-radius: 0.5rem;
 
   &:hover {
     cursor: pointer;
-    transform: scale(1.03);
   }
 
   .flip-card-inner {
@@ -89,4 +90,8 @@ $border-radius: 0.5rem;
     margin-bottom: 0.5rem;
   }
 }
+
+.title.is-2 {
+  font-size: 16pt;
+}
 </style>