htdocs/App.vue

@@ -33,6 +33,9 @@
 				authenticated: false
 			};
 		},
+		computed: {
+			store: () => store
+		},
 		watch: {
 			async client(value, oldvalue) {
 				if(this.heartbeat) window.clearInterval(this.heartbeat);

htdocs/ViewResourceLookup.vue

@@ -1,9 +1,9 @@
 <template>
 	<div class="input-group">
 		<span class="input-group-text">🔎</span>
-		<input class="form-control" v-model="query_raw" @focus="collapsed = false" @blur="collapsed = true" />
+		<input class="form-control" v-model="query_raw" />
 	</div>
-	<div :class="{ collapsed }" style="max-height: 30em; overflow-y: auto;">
+	<div style="max-height: 30em; overflow-y: auto;">
 		<table class="table table-striped" style="font-family: monospace;" v-if="resultset_raw && resultset_raw.length > 0">
 			<thead>
 				<tr><th></th><th>ID</th><th>Name</th><th>Type</th><th>User</th></tr>
@@ -27,12 +27,6 @@
 	</div>
 </template>
 
-<style scoped>
-	.collapsed {
-		height: 0;
-	}
-</style>
-
 <script>
 	import { debounce } from './util.mjs';
 
@@ -63,8 +57,7 @@
 			return {
 				resultset_raw: [],
 				query_raw: '',
-				query_view: '',
-				collapsed: true
+				query_view: ''
 			};
 		},
 		computed: {