# Setting Up Basic ITK Implementation in Vue 3.x

**URL:** <https://discourse.itk.org/t/setting-up-basic-itk-implementation-in-vue-3-x/5804>\
**Category:** Beginner Questions\
**Tags:** itkjs, example, vtkjs\
**Created:** [March 14, 2023, 3:35pm UTC](https://discourse.itk.org/t/setting-up-basic-itk-implementation-in-vue-3-x/5804 "2023-03-14T15:35:54Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![davidshq](https://discourse.itk.org/user_avatar/discourse.itk.org/davidshq/32/2152_2.png) [@davidshq](https://discourse.itk.org/u/davidshq)\
**Post date:** [March 14, 2023, 3:35pm UTC](https://discourse.itk.org/t/setting-up-basic-itk-implementation-in-vue-3-x/5804/1 "2023-03-14T15:35:54Z")

</div>

I ran into some challenges setting up a Vue 3.x project with ITK-wasm and VTK.js. I’ve created a branch of my current project I’m going to leave as a really basic example of a working Vue 3.x project using both ITK-wasm and VTK.js (though not together atm):

> **[GitHub - davidshq/miqa-vue at add-itk](https://github.com/davidshq/miqa-vue/tree/add-itk)**
>
> add-itk

I’ve attempted to document pretty extensively the process to get a Vue 3.x project working with ITK-wasm / VTK.js. Hopefully it is helpful!

Dave

---

<div class="post-metadata">

**Author:** ![davidshq](https://discourse.itk.org/user_avatar/discourse.itk.org/davidshq/32/2152_2.png) [@davidshq](https://discourse.itk.org/u/davidshq)\
**Post date:** [March 15, 2023, 6:38pm UTC](https://discourse.itk.org/t/setting-up-basic-itk-implementation-in-vue-3-x/5804/2 "2023-03-15T18:38:12Z")

</div>

Added a new branch that successfully loads an image with ITK-WASM and then converts and displays the image using VTK.js (utilizing proxyManager), in case anyone can use it:

> **[GitHub - davidshq/miqa-vue at load-image](https://github.com/davidshq/miqa-vue/tree/load-image)**
>
> load-image
