Skip to content
Snippets Groups Projects
Commit be494843 authored by Ole Voldsæter's avatar Ole Voldsæter
Browse files

klar for å legge til vuetify

parent 53638ded
No related branches found
No related tags found
No related merge requests found
...@@ -8,7 +8,6 @@ ...@@ -8,7 +8,6 @@
"lint": "vue-cli-service lint" "lint": "vue-cli-service lint"
}, },
"dependencies": { "dependencies": {
"@trevoreyre/autocomplete-vue": "^2.2.0",
"axios": "^0.19.2", "axios": "^0.19.2",
"core-js": "^2.6.11", "core-js": "^2.6.11",
"vue": "^2.6.11", "vue": "^2.6.11",
......
...@@ -7,11 +7,8 @@ ...@@ -7,11 +7,8 @@
</header> </header>
<main :class="(article.error || article.lemmas.length || search_results.length || waiting) ? '' : 'welcome '"> <main :class="(article.error || article.lemmas.length || search_results.length || waiting) ? '' : 'welcome '">
<div class="search_container"> <div class="search_container">
<autocomplete :debounceTime="100" :auto-select="true" :search="search" @submit="select_result" placeholder="søk..." ref="search"> <Autocomplete @submit="select_result">
<template #result="{result, props}"> </Autocomplete>
<li class="suggestion" v-bind="props">{{result.label}}</li>
</template>
</autocomplete>
<div class="lang_select_container"> <div class="lang_select_container">
<select class="lang_select" name="lang" v-model="lang"> <select class="lang_select" name="lang" v-model="lang">
<option value="bob,nob">Begge ordbøker </option> <option value="bob,nob">Begge ordbøker </option>
...@@ -46,8 +43,7 @@ import entities from './utils/entities.js' ...@@ -46,8 +43,7 @@ import entities from './utils/entities.js'
import Article from './components/Article.vue' import Article from './components/Article.vue'
import Preview from './components/Preview.vue' import Preview from './components/Preview.vue'
import SearchResults from './components/SearchResults.vue' import SearchResults from './components/SearchResults.vue'
import Autocomplete from '@trevoreyre/autocomplete-vue' import Autocomplete from './components/Autocomplete.vue'
import '@trevoreyre/autocomplete-vue/dist/style.css'
var api_endpoint = 'https://beta.ordbok.uib.no/api/dict' var api_endpoint = 'https://beta.ordbok.uib.no/api/dict'
......
<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>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment