diff --git a/assets/variables.scss b/assets/variables.scss
index 253c9e3d..047cb412 100644
--- a/assets/variables.scss
+++ b/assets/variables.scss
@@ -5,4 +5,4 @@
 
 // If you need to extend Vuetify SASS lists
 // $material-light: ( cards: blue );
-@import '~vuetify/src/styles/styles.sass';
\ No newline at end of file
+// @import '~vuetify/src/styles/styles.sass';
\ No newline at end of file
diff --git a/components/Announcement.vue b/components/Announcement.vue
index 7074cf3c..afa7b01c 100644
--- a/components/Announcement.vue
+++ b/components/Announcement.vue
@@ -1,7 +1,7 @@
-<template lang="pug">
-  nuxt-link(:to='`/announcement/${announcement.id}`')
-    v-alert.mb-1(border='left' type='info' color="primary" :icon='mdiInformation') {{announcement.title}}
-
+<template>
+  <nuxt-link :to='`/announcement/${announcement.id}`'>
+    <v-alert class='mb-1' border='left' type='info' color="primary" :icon='mdiInformation'>{{announcement.title}}</v-alert>
+  </nuxt-link>
 </template>
 <script>
 import { mdiInformation } from '@mdi/js'