diff --git a/app/Http/Controllers/Api/SearchController.php b/app/Http/Controllers/Api/SearchController.php
index 6db9048..4e4ee78 100644
--- a/app/Http/Controllers/Api/SearchController.php
+++ b/app/Http/Controllers/Api/SearchController.php
@@ -159,12 +159,12 @@ protected function years(Request $request, Builder $query)
         $end_year = $request->input('end_year');
         $matcher = $request->input("year_matcher") ?? "OR";
 
-        if ($start_year && $end_year) {
+        if ($start_year && $end_year && !($start_year == 1970 && $end_year == (date('Y') + 3))) {
             if ($matcher == "OR") { 
                 $query->whereBetween('year', [$start_year, $end_year]);
 
             } elseif ($matcher == "NOT") {
-                $query->whereNotBetween('year', [$start_year, $end_year]);
+                $query->whereNotBetween('year', [$start_year, $end_year])->orWhereNull('year');
 
             }
         }
diff --git a/resources/js/components/ExampleComponent.vue b/resources/js/components/ExampleComponent.vue
deleted file mode 100644
index 3fb9f9a..0000000
--- a/resources/js/components/ExampleComponent.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-    <div class="container">
-        <div class="row justify-content-center">
-            <div class="col-md-8">
-                <div class="card">
-                    <div class="card-header">Example Component</div>
-
-                    <div class="card-body">
-                        I'm an example component.
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-    export default {
-        mounted() {
-            console.log('Component mounted.')
-        }
-    }
-</script>
diff --git a/resources/js/components/Filter.vue b/resources/js/components/Filter.vue
deleted file mode 100644
index 86d4480..0000000
--- a/resources/js/components/Filter.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<template>
-    <div class="input-group" style="padding-bottom: 10px">
-        <label class="control-label">Category</label>
-        <select multiple
-                class="form-control form-control-chosen form-control-filter"
-                data-placeholder="Tap or type to select"
-        >
-            <option v-for="option in options" :value="option.value">{{ option.text }}</option>
-        </select>
-    </div>
-</template>
diff --git a/resources/js/components/Pagination.vue b/resources/js/components/Pagination.vue
deleted file mode 100644
index 700eedb..0000000
--- a/resources/js/components/Pagination.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-<template>
-  <ul class="pagination justify-content-center" v-if="data.total > data.per_page">
-    <li class="page-item pagination-prev-nav" :class="{ 'disabled': !data.next_page_url }">
-      <a class="page-link" href="#" aria-label="Previous" @click.prevent="selectPage(--data.current_page)">
-        <slot name="prev-nav">
-          <span aria-hidden="true">&laquo;</span>
-          <span class="sr-only">Previous</span>
-        </slot>
-      </a>
-    </li>
-    <li class="page-item pagination-page-nav" v-for="n in getPages()" :class="{ 'active': n === data.current_page }">
-      <a class="page-link" href="#" @click.prevent="selectPage(n)">{{ n }}</a>
-    </li>
-    <li class="page-item pagination-next-nav" :class="{ 'disabled': !data.next_page_url }">
-      <a class="page-link" href="#" aria-label="Next" @click.prevent="selectPage(++data.current_page)">
-        <slot name="next-nav">
-          <span aria-hidden="true">&raquo;</span>
-          <span class="sr-only">Next</span>
-        </slot>
-      </a>
-    </li>
-  </ul>
-</template>
-
-<script>
-export default {
-	props: {
-		data: {
-			type: Object,
-			default: function() {
-				return {
-					current_page: 1,
-					data: [],
-					from: 1,
-					last_page: 1,
-					next_page_url: null,
-					per_page: 24,
-					prev_page_url: null,
-					to: 1,
-					total: 0,
-				}
-			}
-		},
-		limit: {
-			type: Number,
-			default: 0
-		}
-	},
-
-	methods: {
-		selectPage: function(page) {
-			if (page === '...') {
-				return;
-			}
-
-			this.$emit('pagination-change-page', page);
-		},
-		getPages: function() {
-			if (this.limit === -1) {
-				return 0;
-			}
-
-			if (this.limit === 0) {
-				return this.data.last_page;
-			}
-
-			let current = this.data.current_page,
-				last = this.data.last_page,
-				delta = this.limit,
-				left = current - delta,
-				right = current + delta + 1,
-				range = [],
-				pages = [],
-				l;
-
-			for (let i = 1; i <= last; i++) {
-				if (i == 1 || i == last || (i >= left && i < right)) {
-					range.push(i);
-				}
-			}
-
-			range.forEach(function (i) {
-				if (l) {
-					if (i - l === 2) {
-						pages.push(l + 1);
-					} else if (i - l !== 1) {
-						pages.push('...');
-					}
-				}
-				pages.push(i);
-				l = i;
-			});
-
-			return pages;
-		}
-	}
-}
-</script>
diff --git a/resources/js/components/Result.vue b/resources/js/components/Result.vue
deleted file mode 100644
index 71bf4f2..0000000
--- a/resources/js/components/Result.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<template>
-<div class="card">
-    <div class="card-body text-center">
-        <p class="mb-0 no-wrap" :title="item.english_name"
-            style="white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis;">
-            <a :href="item.url">{{ item.english_name }}</a>
-        </p>
-        <p class="text-muted small mb-0"
-            style="white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis;"
-            :title="item.foreign_name">
-            {{ item.foreign_name ? item.foreign_name : '&nbsp;' }}
-        </p>
-        <p class="text-muted itemnum"
-            style="white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis;"
-            :title="item.product_number">
-            {{ item.product_number ? item.product_number : '&nbsp;' }}
-        </p>
-
-        <div class="text-center item-image-container">
-            <a :href="item.url">
-                <img :src="item.image" class="mw-100 mh-100 rounded my-auto mx-auto" onerror="if (this.src !== window.defaultImage) this.src = window.defaultImage">
-            </a>
-        </div>
-    </div>
-    <ul class="list-group list-group-flush">
-        <li class="list-group-item py-1 px-3">
-            <div class="d-flex small">
-                <p class="p-0 m-0 text-center flex-fill" style="white-space: nowrap; overflow-x: ellipsis;">
-                    <a :href="item.brand.url" :title="item.brand.name">
-                        {{ item.brand.name }}
-                    </a>
-                </p>
-            </div>
-            <div class="d-flex small">
-                <p class="p-0 m-0 text-center small flex-fill" style="white-space: nowrap; overflow-x: hidden;">
-                    <a v-for="category in item.categories" :href="category.url" :title="category.name" class="category">
-                        {{ category.name }}
-                    </a>
-                </p>
-            </div>
-        </li>
-    </ul>
-    <a class="btn btn-outline-primary rounded-0" style="border: none;" :href="item.url">
-        View Item
-    </a>
-    <a v-if="user.level >= 100" class=" btn btn-outline-primary rounded-0" style="border: none;" :href="item.edit_url">
-        Edit Item
-    </a>
-</div>
-
-</template>
-
-<script>
-export default {
-  props: {
-    item: {
-      type: Object,
-      default() {
-        return {
-          id: "",
-          slug: "",
-          url: "",
-          edit_url: "",
-          english_name: "",
-          foreign_name: "",
-          product_number: "",
-          brand: {
-            image: "",
-            name: "",
-            short_name: "",
-            slug: "",
-          },
-          category: {name: "", slug: "", image: "", url: ""},
-          tags: [],
-          features: [],
-          colors: [],
-          attributes: [],
-          year: null,
-          image: "",
-          notes: "",
-          price_details: {
-            currency: "jpy",
-            formatted: "",
-            local_price: "",
-            price: 0,
-          },
-          created_at: null,
-          published_at: null,
-          updated_at: null,
-        };
-      },
-    },
-    user: {
-        username: "",
-        level: 0,
-    },
-  },
-
-
-};
-</script>
diff --git a/resources/js/components/Search.vue b/resources/js/components/Search.vue
deleted file mode 100644
index 770df74..0000000
--- a/resources/js/components/Search.vue
+++ /dev/null
@@ -1,345 +0,0 @@
-<template>
-  <div class="container">
-    <div class="row">
-      <div class="col-sm-12 col-md-4 col-lg-3 mb-2 mb-3">
-
-        <div class="card">
-            <div class="card-header">
-                Filters
-            </div>
-            <div class="card-body">
-                <div class="input-group pb-2">
-                    <label class="control-label">Category</label>
-                    <v-select style="width: 100%" v-model="state.categories" :options="categories" label="name" placeholder="Tap to filter" multiple></v-select>
-                    <div v-if="state.categories.length > 0" class="match_type"> Match
-                    <b-form-radio-group buttons button-variant="outline-secondary" size="sm" v-model="state.category_matcher" :options="options"></b-form-radio-group>
-                    </div>
-                </div>
-                <div class="input-group pb-2">
-                    <label class="control-label">Brand</label>
-                    <v-select style="width: 100%" v-model="state.brands" :options="brands" label="name" placeholder="Tap to filter" multiple></v-select>
-                    <div v-if="state.brands.length > 0" class="match_type"> Match
-                    <b-form-radio-group buttons button-variant="outline-secondary" size="sm" v-model="state.brand_matcher" :options="options"></b-form-radio-group>
-                    </div>
-                </div>
-                <div class="input-group pb-2">
-                    <label class="control-label">Features</label>
-                    <v-select style="width: 100%" v-model="state.features" :options="features" label="name" placeholder="Tap to filter" multiple></v-select>
-                    <div v-if="state.features.length > 0" class="match_type"> Match
-                    <b-form-radio-group buttons button-variant="outline-secondary" size="sm" v-model="state.feature_matcher" :options="options"></b-form-radio-group>
-                    </div>
-                </div>
-                <div class="input-group pb-2">
-                    <label class="control-label">Colorway</label>
-                    <v-select style="width: 100%" v-model="state.colors" :options="colors" label="name" placeholder="Tap to filter" multiple></v-select>
-                    <div v-if="state.colors.length > 0" class="match_type"> Match
-                    <b-form-radio-group buttons button-variant="outline-secondary" size="sm" v-model="state.color_matcher" :options="options"></b-form-radio-group>
-                    </div>
-                </div>
-                <div class="input-group pb-2">
-                    <label class="control-label">Tags</label>
-                    <v-select style="width: 100%" v-model="state.tags" :options="tags" label="name" placeholder="Tap to filter" multiple></v-select>
-                    <div v-if="state.tags.length > 0" class="match_type"> Match
-                    <b-form-radio-group button-variant="outline-secondary" buttons size="sm" v-model="state.tag_matcher" :options="options"></b-form-radio-group>
-                    </div>
-                </div>
-                <div class="input-group pb-2">
-                    <label class="control-label">Year</label>
-                    <v-select style="width: 100%" v-model="state.years" :options="years" placeholder="Tap to filter" multiple></v-select>
-                    <div v-if="state.years.length > 0" class="match_type"> Match
-                    <b-form-radio-group button-variant="outline-secondary" buttons size="sm" v-model="state.year_matcher" :options="options"></b-form-radio-group>
-                    </div>
-                </div>
-                <div class="input-group pb-2">
-                  <button class="btn btn-block btn-outline-primary" style="width: 100%" @click="clearAll">Clear Filters</button>
-                </div>
-            </div>
-        </div>
-
-      </div>
-
-      <div class="col-sm-12 col-md-8 col-lg-9">
-        <div class="row mb-3">
-          <div class="col px-2">
-            <div class="card">
-              <div class="card-body pb-0 pt-3">
-                <div class="row">
-                  <div class="col-md-8 col-lg-9 col-xl-10 mb-3">
-                    <p class="sr-only">Type to search or filter</p>
-                    <input autocomplete="off" v-model="state.search" class="form-control input-lg" type="text" name="search" placeholder="Type to filter items by name" role="search">
-                  </div>
-                  <div class="col-md-4 col-lg-3 col-xl-2 mb-3">
-                    <button class="btn btn-block btn-outline-primary" @click="performSearch">Search</button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <div v-if="!loading">
-
-          <div class="row">
-            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 p-2" v-for="result in results.data">
-              <search-result :item="result" :user="user"></search-result>
-            </div>
-          </div>
-
-          <div v-if="results && results.last_page > 1" class="row">
-            <div class="col mb-2 mt-4">
-              <v-pagination style="font-family: Helvetica, Arial, sans-serif;" :limit="2" :data="results" @pagination-change-page="updatePage"></v-pagination>
-            </div>
-          </div>
-
-          <div v-if="results && results.data && results.data.length === 0" class="row">
-            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 mx-auto p-2">
-              <div style="height: 14rem">
-                <img src="/categories/other.svg" class="mw-100 mh-100">
-              </div>
-              <p class="h4 text-center text-muted my-0">No Results!</p>
-              <p class="text-center">Try another search?</p>
-            </div>
-          </div>
-        </div>
-
-        <div class="row text-center p-5" v-if="loading">
-          <div class="col text-center text-muted">
-            <i class="far fa-5x fa-spinner fa-pulse"></i>
-          </div>
-        </div>
-      </div>
-
-    </div>
-  </div>
-</template>
-
-<script>
-    import qs from 'qs';
-    import debounce from 'lodash/debounce';
-
-    const axios = window.axios;
-
-    const fetchInitialState = () => {
-      const query = window.location.search.replace(/^\?/, '');
-
-      return qs.parse(query);
-    };
-
-    const shouldSearch = query => {
-      let copy = Object.create(query);
-      delete copy.page;
-
-      return _.isEmpty(copy);
-    }
-
-    export default {
-        props: {
-          categories: {
-            type: Array,
-            default() {
-              return [];
-            }
-          },
-          features: {
-            type: Array,
-            default() {
-              return [];
-            }
-          },
-          brands: {
-            type: Array,
-            default() {
-              return [];
-            }
-          },
-          colors: {
-            type: Array,
-            default() {
-              return [];
-            }
-          },
-          years: {
-            type: Array,
-            default() {
-              return [];
-            }
-          },
-          tags: {
-            type: Array,
-            default() {
-              return [];
-            }
-          },
-          url: {
-            type: String,
-            default: '',
-          },
-          endpoint: {
-            type: String,
-            default: '',
-          },
-          user: {
-            type: Object,
-            default() {
-              return {username: "", level: 0};
-            }
-          }
-        },
-
-        data() {
-          return {
-            results: {},
-            loading: false,
-
-            // Options for the match type selector
-            options: [
-              { text: 'Any', value: 'OR' },
-              { text: 'All', value: 'AND' },
-              { text: 'None', value: 'NOT' }
-            ],
-
-            // a function so we can read the initial state from the url.
-            state: {
-              search: undefined,
-              categories: [],
-              brands: [],
-              features: [],
-              tags: [],
-              colors: [],
-              years: [],
-              category_matcher: 'OR',
-              brand_matcher: 'OR',
-              feature_matcher: 'OR',
-              tag_matcher: 'OR',
-              color_matcher: 'OR',
-              year_matcher: 'OR'
-            },
-
-            page: 1,
-          }
-        },
-
-        methods: {
-          updatePage(page) {
-            this.page = page;
-
-            this.$nextTick(function () {
-              this.performSearch();
-            });
-          },
-
-          performSearch() {
-            this.loading = true;
-
-            axios.post(this.endpoint + '?page=' + this.page, this.search).then(results => {
-              this.results = results.data;
-              this.loading = false;
-            });
-          },
-
-          clearAll() {
-            this.state = {
-              search: undefined,
-              categories: [],
-              brands: [],
-              features: [],
-              tags: [],
-              colors: [],
-              years: [],
-              category_matcher: 'OR',
-              brand_matcher: 'OR',
-              feature_matcher: 'OR',
-              tag_matcher: 'OR',
-              color_matcher: 'OR',
-              year_matcher: 'OR'
-            }
-          }
-        },
-
-        watch: {
-          search() {
-            this.page = 1;
-
-            this.debouncedSearch();
-          }
-        },
-
-        created() {
-          this.debouncedSearch = _.debounce(this.performSearch, 300);
-
-          const query = fetchInitialState();
-
-          let value;
-          for (let key of ["categories", "features", "brands", "colors", "tags"]) {
-            value = query[key];
-
-            if (value === undefined) {
-              continue;
-            }
-
-            this.state[key] = this[key].filter(obj => value.indexOf(obj.slug) !== -1);
-          }
-
-          for (let key of ["category_matcher", "feature_matcher", "brand_matcher", "color_matcher", "tag_matcher", "year_matcher"]) {
-            value = query[key];
-
-            if (value === undefined) {
-              continue;
-            }
-
-            this.state[key] = ['AND', 'OR', 'NOT'].includes(value) ? value : undefined;
-          }
-
-          if (query.search !== undefined && query.search.length > 0) {
-            this.state.search = query.search;
-          }
-
-          if (query.years !== undefined && query.years.length > 0) {
-            this.state.years = query.years.map(year => year.toString());
-          }
-
-          if (query.page !== undefined) {
-            this.page = query.page;
-          }
-
-          if (shouldSearch(query)) {
-            this.$nextTick(function () {
-              this.performSearch();
-            });
-          }
-        },
-
-        // dynamically generate a search property to use in searches whenever state changes.
-        computed: {
-          search() {
-            return {
-              search: this.state.search,
-              categories: this.state.categories.map(obj => obj.slug),
-              brands: this.state.brands.map(obj => obj.slug),
-              features: this.state.features.map(obj => obj.slug),
-              tags: this.state.tags.map(obj => obj.slug),
-              colors: this.state.colors.map(obj => obj.slug),
-              years: this.state.years.map(year => parseInt(year, 10)),
-              category_matcher: this.state.categories.length > 0 ? this.state.category_matcher : undefined,
-              brand_matcher: this.state.brands.length > 0 ? this.state.brand_matcher : undefined,
-              feature_matcher: this.state.features.length > 0 ? this.state.feature_matcher : undefined,
-              tag_matcher: this.state.tags.length > 0 ? this.state.tag_matcher : undefined,
-              color_matcher: this.state.colors.length > 0 ? this.state.color_matcher : undefined,
-              year_matcher: this.state.years.length > 0 ? this.state.year_matcher : undefined,
-            };
-          }
-        },
-
-        // on an update, update the URL.
-        updated() {
-          const query = qs.stringify(
-            Object.assign(this.search, { page: this.page }),
-            { encodeValuesOnly: true, arrayFormat: 'brackets', indices: false }
-          );
-
-          window.history.pushState(this.search, query, this.url + '?' + query);
-        },
-
-        components: {}
-    }
-</script>
diff --git a/resources/js/components/SearchBar.vue b/resources/js/components/SearchBar.vue
deleted file mode 100644
index 7f249fc..0000000
--- a/resources/js/components/SearchBar.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-    <div class="card">
-        <div class="card-body">
-            <input class="form-control form-control-lg"
-                   placeholder="Start typing to search..."
-                   role="search"
-                   v-model="search"
-            >
-        </div>
-    </div>
-</template>
-
-<script>
-    export default {
-        data() {
-            return {
-                search: '',
-            }
-        }
-    }
-</script>
\ No newline at end of file