Add Danish address autocomplete to your Vue 3 app with Composition API: one watchEffect call against api.danadresse.dk and you have typo-tolerant typeahead across 2.7M Danish addresses.
ref() + watchEffect() — no store, no plugin, one component.
Proxy the API key in a Nuxt server route — the client never sees the key.
Store recent autocomplete results in a Pinia store for shared state across components.
// Vue 3 Composition API
const q = ref('')
const hits = ref([])
watchEffect(async () => {
if (!q.value) return
const r = await fetch(
`https://api.danadresse.dk/autocomplete?q=${q.value}`,
{ headers: { 'X-Api-Key': import.meta.env.VITE_DANADRESSE_KEY } }
)
hits.value = await r.json()
})
Integrate into an existing checkout flow without changing the form structure.
Server-rendered address search with full SSR support via useAsyncData.
Combine with Shopify Storefront API or WooCommerce REST — addresses validated, orders correct.
The slug /vue-adresse-autocomplete follows DAWA's conventions — same paths, same JSON shape, same UUIDs. See the migration guide for the full picture.
See also