install lib, fix css, small test

This commit is contained in:
Samuel Lorch 2023-03-13 00:02:38 +01:00
parent c59b1d8cc9
commit 0f4bc6a943
4 changed files with 22 additions and 4 deletions

View file

@ -23,6 +23,7 @@
"simple-jsonrpc-js": "^1.2.0",
"vue": "^3.2.45",
"vue-i18n": "9",
"vue-multiselect": "3.0.0-beta.1",
"vue-router": "4",
"ws": "^8.13.0"
},

7
client/pnpm-lock.yaml generated
View file

@ -30,6 +30,7 @@ specifiers:
vite-plugin-vue-markdown: ^0.22.4
vue: ^3.2.45
vue-i18n: '9'
vue-multiselect: 3.0.0-beta.1
vue-router: '4'
vue-tsc: ^1.0.24
ws: ^8.13.0
@ -47,6 +48,7 @@ dependencies:
simple-jsonrpc-js: 1.2.0
vue: 3.2.47
vue-i18n: 9.2.2_vue@3.2.47
vue-multiselect: 3.0.0-beta.1
vue-router: 4.1.6_vue@3.2.47
ws: 8.13.0
@ -3829,6 +3831,11 @@ packages:
vue: 3.2.47
dev: false
/vue-multiselect/3.0.0-beta.1:
resolution: {integrity: sha512-V+jpydtjyHcQ+yjHsEWEBrDAopOx/pufNkSAXNVDAGQ+ESDEJ7wYejNd9H1RiCnFOYK4yf1XSGqE+Mp3HJXmdg==}
engines: {node: '>= 4.0.0', npm: '>= 3.0.0'}
dev: false
/vue-router/4.1.6_vue@3.2.47:
resolution: {integrity: sha512-DYWYwsG6xNPmLq/FmZn8Ip+qrhFEzA14EI12MsMgVxvHFDYvlr4NXpVF5hrRH1wVcDP8fGi5F4rxuJSl8/r+EQ==}
peerDependencies:

View file

@ -73,3 +73,7 @@ tbody tr:nth-child(even) {
color: inherit;
border: 1px solid var(--cl-fg);
}
.multiselect, .multiselect * {
all: initial;
}

View file

@ -1,9 +1,14 @@
<script setup lang="ts">
import { apiCall } from "../api";
import Multiselect from 'vue-multiselect';
async function doShit(){
apiCall("Firewall.GetForwardRules", {});
}
let value = $ref("");
let options = [{ name: 'Vue.js', code: 'vu' },
{ name: 'Javascript', code: 'js' },
{ name: 'Open Source', code: 'os' }];
</script>
@ -12,7 +17,8 @@ async function doShit(){
<PageHeader title="Dashboard">
<button @click="doShit">Example Buttons</button>
</PageHeader>
This is the main page, currently written in markdown because that's *pog*.
<multiselect v-model="value" placeholder="Search" label="name" track-by="code" :options="options" :multiple="true"></multiselect>
</div>
</template>
<style src="vue-multiselect/dist/vue-multiselect.css"></style>