From be494843dc5a94251bbc2d87ec6f13efaf3e194b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ole=20Volds=C3=A6ter?= <ole.voldsater@uib.no> Date: Tue, 2 Feb 2021 11:13:54 +0100 Subject: [PATCH] =?UTF-8?q?klar=20for=20=C3=A5=20legge=20til=20vuetify?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 1 - src/App.vue | 10 +++------- src/components/Autocomplete.vue | 28 ++++++++++++++++++++++++++++ 3 files changed, 31 insertions(+), 8 deletions(-) create mode 100644 src/components/Autocomplete.vue diff --git a/package.json b/package.json index 82967a08..a858eea3 100644 --- a/package.json +++ b/package.json @@ -8,7 +8,6 @@ "lint": "vue-cli-service lint" }, "dependencies": { - "@trevoreyre/autocomplete-vue": "^2.2.0", "axios": "^0.19.2", "core-js": "^2.6.11", "vue": "^2.6.11", diff --git a/src/App.vue b/src/App.vue index 57cdf630..97900761 100644 --- a/src/App.vue +++ b/src/App.vue @@ -7,11 +7,8 @@ </header> <main :class="(article.error || article.lemmas.length || search_results.length || waiting) ? '' : 'welcome '"> <div class="search_container"> - <autocomplete :debounceTime="100" :auto-select="true" :search="search" @submit="select_result" placeholder="søk..." ref="search"> - <template #result="{result, props}"> - <li class="suggestion" v-bind="props">{{result.label}}</li> - </template> - </autocomplete> + <Autocomplete @submit="select_result"> + </Autocomplete> <div class="lang_select_container"> <select class="lang_select" name="lang" v-model="lang"> <option value="bob,nob">Begge ordbøker </option> @@ -46,8 +43,7 @@ import entities from './utils/entities.js' import Article from './components/Article.vue' import Preview from './components/Preview.vue' import SearchResults from './components/SearchResults.vue' -import Autocomplete from '@trevoreyre/autocomplete-vue' -import '@trevoreyre/autocomplete-vue/dist/style.css' +import Autocomplete from './components/Autocomplete.vue' var api_endpoint = 'https://beta.ordbok.uib.no/api/dict' diff --git a/src/components/Autocomplete.vue b/src/components/Autocomplete.vue new file mode 100644 index 00000000..a431e96c --- /dev/null +++ b/src/components/Autocomplete.vue @@ -0,0 +1,28 @@ +<template> + <div class=""> + + </div> +</template> + +<script> +import DefElement from './DefElement.vue' + +export default { + name: 'Autocomplete', + props: { + }, + components: { + DefElement + }, + methods: { + article_link_click: function(item) { + this.$emit('article-click', item) + } + } +} +</script> +<style scoped> + li.compound_list ul li { + display: inline; + } +</style> -- GitLab