diff --git a/package.json b/package.json index 82967a08ebe43a1f690e80fbd45137137699a8b6..a858eea3e502451d9e8a094264e8956ce28b0d4c 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 57cdf630969c01dc92f033b4245fe1c8a671e7d5..97900761183b0f3b34293005d40957572289ddd5 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 0000000000000000000000000000000000000000..a431e96cbbf79975b5f37b53ce29586ca89edfe5 --- /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>