Fix #485 by removing default loader from version filters (#487)

* Fix #485 by removing default loader from version filters

It's really not our place to be imposing a default loader on people, especially as we start adding more loaders

* Fix Clear Filters button and capitalise loaders

components/ui/VersionFilterControl.vue

@@ -6,7 +6,9 @@
     <Multiselect
       v-if="getValidLoaders().length > 1"
       v-model="selectedLoader"
-      :options="getValidLoaders()"
+      :options="
+        getValidLoaders().map((x) => x.charAt(0).toUpperCase() + x.slice(1))
+      "
       :multiple="false"
       :searchable="false"
       :show-no-results="false"
@@ -50,13 +52,10 @@
     />
     <button
       title="Clear filters"
-      :disabled="
+      :disabled="selectedLoader === null && selectedGameVersions.length === 0"
-        selectedLoader === getDefaultLoader() &&
-        selectedGameVersions.length === 0
-      "
       class="iconified-button"
       @click="
-        selectedLoader = getDefaultLoader()
+        selectedLoader = null
         selectedGameVersions = []
         updateVersionFilters()
       "
@@ -92,18 +91,10 @@ export default {
       cachedValidVersions: null,
       cachedValidLoaders: null,
       selectedGameVersions: [],
-      selectedLoader: this.getDefaultLoader(),
+      selectedLoader: null,
     }
   },
   methods: {
-    getDefaultLoader() {
-      const loaders = this.getValidLoaders()
-      if (loaders.includes('fabric')) {
-        return 'fabric'
-      } else {
-        return loaders[0]
-      }
-    },
     getValidVersions() {
       if (!this.cachedValidVersions) {
         this.cachedValidVersions = this.$tag.gameVersions.filter((gameVer) =>
@@ -132,9 +123,9 @@ export default {
         (projectVersion) =>
           (this.selectedGameVersions.length === 0 ||
             this.selectedGameVersions.some((gameVersion) =>
-              projectVersion.game_versions.includes(gameVersion)
+              projectVersion.game_versions.includes(gameVersion.toLowerCase())
             )) &&
-          projectVersion.loaders.includes(this.selectedLoader)
+          projectVersion.loaders.includes(this.selectedLoader.toLowerCase())
       )
       this.$emit('updateVersions', temp)
     },