---
title: "Rijk van Zanten - Guiding Agentic AI with Vue and Pinia | VueDigest"
description: "The article discusses the integration of agentic AI with user interfaces built using Vue and Pinia, emphasizing the importance of guiding AI agents to interact with complex UIs safely and effectively."
canonical_url: "https://vuedigest.com/news/rijk-van-zanten---guiding-agentic-ai-with-vue-and-pinia"
last_updated: "2026-04-17T19:35:19.243Z"
meta:
  "og:description": "The article discusses the integration of agentic AI with user interfaces built using Vue and Pinia, emphasizing the importance of guiding AI agents to interact with complex UIs safely and effectively."
  "og:image": "https://vuedigest.com/_og/d/c_Template.takumi%2Cdescription_~VGhlIGFydGljbGUgZGlzY3Vzc2VzIHRoZSBpbnRlZ3JhdGlvbiBvZiBhZ2VudGljIEFJIHdpdGggdXNlciBpbnRlcmZhY2VzIGJ1aWx0IHVzaW5nIFZ1ZSBhbmQgUGluaWEsIGVtcGhhc2l6aW5nIHRoZSBpbXBvcnRhbmNlIG9mIGd1aWRpbmcgQUkgYWdlbnRzIHRvIGludGVyYWN0IHdpdGggY29tcGxleCBVSXMgc2FmZWx5IGFuZCBlZmZlY3RpdmVseS4%2Ctitle_Rijk%2Bvan%2BZanten%2B-%2BGuiding%2BAgentic%2BAI%2Bwith%2BVue%2Band%2BPinia%2Cp_Ii9uZXdzL3JpamstdmFuLXphbnRlbi0tLWd1aWRpbmctYWdlbnRpYy1haS13aXRoLXZ1ZS1hbmQtcGluaWEi%2Cs_r60PM2OakrQQiVEw.png"
  "og:image:height": "600"
  "og:image:type": image/png
  "og:image:width": "1200"
  "og:title": "Rijk van Zanten - Guiding Agentic AI with Vue and Pinia"
  "twitter:description": "The article discusses the integration of agentic AI with user interfaces built using Vue and Pinia, emphasizing the importance of guiding AI agents to interact with complex UIs safely and effectively."
  "twitter:image": "https://vuedigest.com/_og/d/c_Template.takumi%2Cdescription_~VGhlIGFydGljbGUgZGlzY3Vzc2VzIHRoZSBpbnRlZ3JhdGlvbiBvZiBhZ2VudGljIEFJIHdpdGggdXNlciBpbnRlcmZhY2VzIGJ1aWx0IHVzaW5nIFZ1ZSBhbmQgUGluaWEsIGVtcGhhc2l6aW5nIHRoZSBpbXBvcnRhbmNlIG9mIGd1aWRpbmcgQUkgYWdlbnRzIHRvIGludGVyYWN0IHdpdGggY29tcGxleCBVSXMgc2FmZWx5IGFuZCBlZmZlY3RpdmVseS4%2Ctitle_Rijk%2Bvan%2BZanten%2B-%2BGuiding%2BAgentic%2BAI%2Bwith%2BVue%2Band%2BPinia%2Cp_Ii9uZXdzL3JpamstdmFuLXphbnRlbi0tLWd1aWRpbmctYWdlbnRpYy1haS13aXRoLXZ1ZS1hbmQtcGluaWEi%2Cs_r60PM2OakrQQiVEw.png"
  "twitter:title": "Rijk van Zanten - Guiding Agentic AI with Vue and Pinia"
---

> Index of every page on this site: [llms.txt](https://vuedigest.com/llms.txt)

Vuejs Amsterdam [ View all from this source](https://vuedigest.com/sources/vuejs-amsterdam) April 16, 2026 13

# **Rijk van Zanten - Guiding Agentic AI with Vue and Pinia**

[Watch Video](https://www.youtube.com/watch?v=kR2GHGPLxSM)

Share [Share on X](https://x.com/intent/tweet?text=Rijk+van+Zanten+-+Guiding+Agentic+AI+with+Vue+and+Pinia&url=https%3A%2F%2Fvuedigest.com%2Fnews%2Frijk-van-zanten---guiding-agentic-ai-with-vue-and-pinia)

**Topics **

[vue](https://vuedigest.com/topics/vue) [ui-components](https://vuedigest.com/topics/ui-components) [pinia](https://vuedigest.com/topics/pinia) [ All topics →](https://vuedigest.com/topics)

![Rijk van Zanten - Guiding Agentic AI with Vue and Pinia](https://i.ytimg.com/vi/kR2GHGPLxSM/hqdefault.jpg)

**Key takeaways**

The article discusses the integration of agentic AI with user interfaces built using Vue and Pinia, emphasizing the importance of guiding AI agents to interact with complex UIs safely and effectively.

## **Related Articles **

![What is props reactivity loss in Vue and how to avoid it?](https://media2.dev.to/dynamic/image/width=1200,height=627,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F0wqnnm50zwbr0yhceksg.png)

Oct 26, 2026

## **What is props reactivity loss in Vue and how to avoid it?**

**Jakub Andrzejewski**

![Goodbye vue-tsc? Moving a Vue Project to TypeScript 7.1 Content Mappers](https://alexop.dev/posts/goodbye-vue-tsc-moving-a-vue-project-to-type-script-7-1-content-mappers/index.png)

Oct 24, 2026

## **Goodbye vue-tsc? Moving a Vue Project to TypeScript 7.1 Content Mappers**

**alexop.dev**

![Hexagonal Architecture in Vue: Where to Put Your Code and Why](https://mokkapps.twic.pics/vuedigest.com/article-placeholder.png)

Sep 30, 2026

## **Hexagonal Architecture in Vue: Where to Put Your Code and Why**

**alexop.dev**

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://vuedigest.com/#website","@type":"WebSite","description":"Your daily dose of Vue.js and Nuxt news. Curated articles, tutorials, and updates from the Vue ecosystem.","inLanguage":"en","name":"VueDigest","url":"https://vuedigest.com","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://vuedigest.com/news?search={search_term_string}"},"query-input":"required name=search_term_string"}],"publisher":{"@id":"https://vuedigest.com/#identity"}},{"@id":"https://vuedigest.com/news/rijk-van-zanten---guiding-agentic-ai-with-vue-and-pinia#webpage","@type":"WebPage","dateModified":"2026-04-17T19:35:19.243Z","datePublished":"2026-04-16T10:00:06.000Z","description":"The article discusses the integration of agentic AI with user interfaces built using Vue and Pinia, emphasizing the importance of guiding AI agents to interact with complex UIs safely and effectively.","name":"Rijk van Zanten - Guiding Agentic AI with Vue and Pinia","url":"https://vuedigest.com/news/rijk-van-zanten---guiding-agentic-ai-with-vue-and-pinia","breadcrumb":{"@id":"https://vuedigest.com/news/rijk-van-zanten---guiding-agentic-ai-with-vue-and-pinia#breadcrumb"},"isPartOf":{"@id":"https://vuedigest.com/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://vuedigest.com/news/rijk-van-zanten---guiding-agentic-ai-with-vue-and-pinia"]}],"primaryImageOfPage":{"@id":"https://vuedigest.com/#logo"}},{"@id":"https://vuedigest.com/#identity","@type":"Organization","name":"VueDigest","url":"https://vuedigest.com","logo":{"@id":"https://vuedigest.com/#logo"}},{"@id":"https://vuedigest.com/news/rijk-van-zanten---guiding-agentic-ai-with-vue-and-pinia#article","dateModified":"2026-04-17T19:35:19.243Z","datePublished":"2026-04-16T10:00:06.000Z","description":"The article discusses the integration of agentic AI with user interfaces built using Vue and Pinia, emphasizing the importance of guiding AI agents to interact with complex UIs safely and effectively.","headline":"Rijk van Zanten - Guiding Agentic AI with Vue and Pinia","inLanguage":"en","thumbnailUrl":"https://i.ytimg.com/vi/kR2GHGPLxSM/hqdefault.jpg","@type":["Article","NewsArticle"],"author":{"@id":"https://vuedigest.com/#identity"},"image":["https://i.ytimg.com/vi/kR2GHGPLxSM/hqdefault.jpg"],"isPartOf":{"@id":"https://vuedigest.com/news/rijk-van-zanten---guiding-agentic-ai-with-vue-and-pinia#webpage"},"keywords":["vue","ui-components","pinia"],"mainEntityOfPage":{"@id":"https://vuedigest.com/news/rijk-van-zanten---guiding-agentic-ai-with-vue-and-pinia#webpage"},"publisher":{"@id":"https://vuedigest.com/#identity"}},{"@id":"https://vuedigest.com/news/rijk-van-zanten---guiding-agentic-ai-with-vue-and-pinia#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","item":"https://vuedigest.com/news","name":"Articles","position":1},{"@type":"ListItem","name":"Rijk van Zanten - Guiding Agentic AI with Vue and Pinia","position":2}]},{"@id":"https://vuedigest.com/#logo","@type":"ImageObject","caption":"VueDigest","contentUrl":"https://mokkapps.twic.pics/vuedigest.com/logo.png","inLanguage":"en","url":"https://mokkapps.twic.pics/vuedigest.com/logo.png"}]}
```

## Sitemap

See the full [sitemap](https://vuedigest.com/sitemap.md) for all pages.