Changed root alias from ~ to @ in the client

client/src/pages/spells/single-spell-page.vue

@@ -1,19 +1,19 @@
 <template>
   <div class="container-fluid p-4" id="spell-container">
     <h1 class="display-3 font-display mb-3">{{ spell.name }}</h1>
-    <p>{{ spell.description }}</p>  </div>
+    <p class="prewrap">{{ spell.description }}</p>  </div>
 </template>
 
 <script>
 // API
-import { RepositoryFactory } from "~/api/repositories";
+import { RepositoryFactory } from "@/api/repositories";
 const Spells = RepositoryFactory.get('spells');
 
 export default {
   name: 'single-spell-page',
   metaInfo() {
     return {
-      titleTemplate: `%s - ${this.spell.name}`,
+      titleTemplate: this.spell.name ? `%s - ${this.spell.name}` : '%s',
     }
   },
   data() {

client/src/pages/spells/spells-page.vue

@@ -6,7 +6,7 @@
 </template>
 
 <script>
-import SpellsList from "~/components/spells/spells-list"
+import SpellsList from "@/components/spells/spells-list.vue";
 
 export default {
   name: 'spells-page',