fix lint

client/src/components/modules/Module.vue

@@ -28,12 +28,12 @@
       {{ module.title }}
     </h1>
     <div class="module__hero">
-
-      <wagtail-image  class="module__hero-image"
+      <wagtail-image
+        class="module__hero-image"
         :src="module.heroImage.src"
         :original-width="module.heroImage.width"
-                      :original-height="module.heroImage.height"></wagtail-image>
-      <pre></pre>
+        :original-height="module.heroImage.height"
+      ></wagtail-image>
       <h5
         class="module__hero-source"
         v-if="module.heroSource"
@@ -117,11 +117,12 @@ import highlightSidebar from '@/helpers/highlight-sidebar';
 import { doUpdateHighlight } from '@/graphql/mutations';
 import Mark from 'mark.js';
 import { useRoute } from 'vue-router';
-import WagtailImage from "@/components/ui/WagtailImage.vue";
+import WagtailImage from '@/components/ui/WagtailImage.vue';
 
 export interface Props {
   module: ModuleNode;
 }
+
 const route = useRoute();
 const props = defineProps<Props>();
 let selectionHandler: SelectionHandlerType;

client/src/components/ui/WagtailImage.vue

@@ -73,8 +73,8 @@ const placeholderStyle = computed(() => {
     if (props.originalHeight) {
       styles.height = `${scaledHeight}px`;
     }
-    return styles;
   }
+  return styles;
 });
 
 const isHighDensity = () => {

client/src/graphql/queries.ts

@@ -1,6 +1,5 @@
 import MODULE_DETAILS_QUERY from './gql/queries/modules/moduleDetailsQuery.gql';
 import ME_QUERY from './gql/queries/meQuery.gql';
-import WagWAtailImageFragnent from './gql/queries/meQuery.gql';
 import { useRoute } from 'vue-router';
 import { computed } from 'vue';
 import { useQuery } from '@vue/apollo-composable';