Add missing files!!!!!!!!!

components/search_results/free_text/CompoundsResults.vue

+<template>
+  <v-card flat>
+    <v-card-text> Compounds results </v-card-text>
+  </v-card>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style></style>

components/search_results/free_text/FreeTextResults.vue

+<template>
+  <v-tabs show-arrows :vertical="makeTabsVertical">
+    <v-tab> 1000 Compounds </v-tab>
+    <v-tab> 400 Targets </v-tab>
+    <v-tab> Heatmap </v-tab>
+    <v-tab-item> <CompoundsResults /> </v-tab-item>
+    <v-tab-item> <TargetsResults /> </v-tab-item>
+    <v-tab-item> <HeatmapResults /> </v-tab-item>
+  </v-tabs>
+</template>
+
+<script>
+import CompoundsResults from '~/components/search_results/free_text/CompoundsResults.vue'
+import TargetsResults from '~/components/search_results/free_text/TargetsResults.vue'
+import HeatmapResults from '~/components/search_results/free_text/HeatmapResults.vue'
+export default {
+  components: {
+    CompoundsResults,
+    TargetsResults,
+    HeatmapResults,
+  },
+  props: {
+    searchTerm: {
+      type: String,
+      default: () => {},
+    },
+  },
+  computed: {
+    makeTabsVertical() {
+      switch (this.$vuetify.breakpoint.name) {
+        case 'xs':
+          return false
+        case 'sm':
+          return false
+        default:
+          return true
+      }
+    },
+  },
+}
+</script>
+
+<style></style>

components/search_results/free_text/HeatmapResults.vue

+<template>
+  <v-card flat>
+    <v-card-text> Heatmap </v-card-text>
+  </v-card>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style></style>

components/search_results/free_text/TargetsResults.vue

+<template>
+  <v-card flat>
+    <v-card-text> Targets results </v-card-text>
+  </v-card>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style></style>

layouts/searchResults.vue

+<template>
+  <v-app>
+    <Notifications />
+    <MainAppBar :permanently-pinned="true">
+      <template #logo>
+        <Logo />
+      </template>
+    </MainAppBar>
+    <v-main class="lowered">
+      <nuxt />
+    </v-main>
+    <Footer />
+  </v-app>
+</template>
+
+<script>
+import MainAppBar from '~/web-components-submodule/components/common/Masthead/MainAppBar.vue'
+import Footer from '~/components/footer/Footer.vue'
+import Notifications from '~/web-components-submodule/components/common/Notifications.vue'
+import Logo from '~/components/Logo.vue'
+
+export default {
+  components: {
+    MainAppBar,
+    Footer,
+    Notifications,
+    Logo,
+  },
+}
+</script>
+<style scoped>
+.lowered {
+  margin-top: 80px;
+}
+</style>

pages/search/_term.vue

+<template>
+  <v-container fluid>
+    <div class="text-h5">Search results for {{ searchTerm }}</div>
+    <v-divider />
+    <br />
+    <FreeTextResults :search-term="searchTerm" />
+  </v-container>
+</template>
+
+<script>
+import FreeTextResults from '~/components/search_results/free_text/FreeTextResults.vue'
+
+export default {
+  components: {
+    FreeTextResults,
+  },
+  layout: 'reportCard',
+  computed: {
+    searchTerm() {
+      let searchTerm = this.$route.params.term
+      if (searchTerm == null || searchTerm === '') {
+        searchTerm = '*'
+      }
+
+      return searchTerm
+    },
+  },
+}
+</script>
+
+<style></style>