Search UI improvements (#107)

* Base impl

* Make project type selectable

* Update Browse.vue

* address changes

* Quick create

* Run linter

* fix merge

* Addressed changes

* Installation improvements

* Run lint

* resourcepacks

* automatic installation of dependencies

* Fix bugs with search

* Addressed changes

* Run linter

* Fixed direct install not working

* Remove back to search

* Update Index.vue

* Addressed some changes

* Shader fix

* fix resetting

* Update Browse.vue

* Direct install from search

* More improvements

* Update SearchCard.vue

* Card V2

* Run linter

* add instance ignoring

* Update Browse.vue

* Finalize changes

* Update SearchCard.vue

* More adjustments

* Fix out of order rendering

* Run linter

* Fix issues

* Add unlisteners

---------

Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com>
Co-authored-by: Jai A <jaiagr+gpg@pm.me>

theseus_gui/src/pages/instance/Index.vue

@@ -96,12 +96,6 @@ breadcrumbs.setContext({
   link: route.path,
 })
 
-profile_listener(async (event) => {
-  if (event.profile_path === route.params.id) {
-    instance.value = await get(route.params.id)
-  }
-})
-
 const uuid = ref(null)
 const playing = ref(false)
 const loading = ref(false)
@@ -143,11 +137,20 @@ const stopInstance = async () => {
   }
 }
 
-const unlisten = await process_listener((e) => {
+const unlistenProfiles = await profile_listener(async (event) => {
+  if (event.path === route.params.id) {
+    instance.value = await get(route.params.id)
+  }
+})
+
+const unlistenProcesses = await process_listener((e) => {
   if (e.event === 'finished' && uuid.value === e.uuid) playing.value = false
 })
 
-onUnmounted(() => unlisten())
+onUnmounted(() => {
+  unlistenProcesses()
+  unlistenProfiles()
+})
 </script>
 
 <style scoped lang="scss">

theseus_gui/src/pages/instance/Mods.vue

@@ -84,10 +84,9 @@ import {
 } from 'omorphia'
 import { computed, ref, shallowRef } from 'vue'
 import { convertFileSrc } from '@tauri-apps/api/tauri'
-import { useRouter, useRoute } from 'vue-router'
+import { useRouter } from 'vue-router'
 
 const router = useRouter()
-const route = useRoute()
 
 const props = defineProps({
   instance: {
@@ -182,7 +181,7 @@ const updateSort = (projects, sort) => {
 }
 
 const searchMod = () => {
-  router.push({ path: '/browse/mod', query: { instance: route.params.id } })
+  router.push({ path: '/browse/mod' })
 }
 </script>