Removed unused Search component (replace w/ SearchPage)

src/components/Search.vue

@@ -1,122 +0,0 @@
-<template>
-  <div>
-    <list-header :title="title" :info="resultCount" :sticky="true" />
-
-    <results-list :results="results" />
-    
-    <div v-if="page < totalPages" class="fullwidth-button">
-      <seasoned-button @click="loadMore">load more</seasoned-button>
-    </div>
-
-    <div class="notFound" v-if="results.length == 0 && loading == false">
-      <h1 class="notFound-title">No results for search: <b>{{ query }}</b></h1>
-    </div>
-
-    <loader v-if="loading" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.notFound {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  &-title {
-    font-weight: 400;
-  }
-}
-</style>
-
-<script>
-import { searchTmdb } from '@/api'
-import ListHeader from '@/components/ListHeader'
-import ResultsList from '@/components/ResultsList'
-import SeasonedButton from '@/components/ui/SeasonedButton'
-import Loader from '@/components/ui/Loader'
-
-export default {
-  components: { ListHeader, ResultsList, SeasonedButton, Loader },
-  props: {
-    propQuery: {
-      type: String,
-      required: false
-    },
-    propPage: {
-      type: Number,
-      required: false
-    }
-  },
-  data() {
-    return {
-      loading: true,
-      query: String,
-      title: String,
-      page: Number,
-      adult: undefined,
-      mediaType: null,
-      totalPages: 0,
-      results: [],
-      totalResults: []
-    }
-  },
-  computed: {
-    resultCount() {
-      const loadedResults = this.results.length
-      const totalResults = this.totalResults < 10000 ? this.totalResults : '∞'
-      return `${loadedResults} of ${totalResults} results`
-    }
-  },
-  methods: {
-    search(query=this.query, page=this.page, adult=this.adult, mediaType=this.mediaType) {
-      searchTmdb(query, page, adult, mediaType)
-        .then(this.parseResponse)
-    },
-    parseResponse(data) {
-      if (this.results.length > 0) {
-        this.results.push(...data.results)
-      } else {
-        this.results = data.results
-      }
-
-      this.totalPages = data.total_pages
-      this.totalResults = data.total_results || data.results.length
-
-      this.loading = false
-    },
-    loadMore() {
-      this.page++
-
-      window.history.replaceState({}, 'search', `/#/search?query=${this.query}&page=${this.page}`)
-      this.search()
-    }
-  },
-  created() {
-    const { query, page, adult, media_type } = this.$route.query
-
-    if (!query) {
-      // abort
-      console.error('abort, no query')
-    }
-    this.query = decodeURIComponent(query)
-    this.page = page || 1
-    this.adult = adult || this.adult
-    this.mediaType = media_type || this.mediaType
-    this.title = `Search results: ${this.query}`
-
-    this.search()
-  }
-}
-
-</script>
-
-<style lang="scss" scoped>
-.fullwidth-button {
-  width: 100%;
-  margin: 1rem 0;
-  padding-bottom: 2rem;
-  display: flex;
-  justify-content: center;
-}
-
-</style>