Corrections and upgrade from Vue2 to Vue3 by UlysseDurand · Pull Request #877 · Kitware/trame

UlysseDurand · 2026-04-10T13:52:20Z

This PR depends on Kitware/trame-tutorial#7
because trame and trame-tutorial are referencing one another.

Correct the tutorial and upgrade it from Vue2 to Vue3.

Some corrections
- Code parts from Trame1 were remaining
- Code parts were not corresponding between doc and examples
Change vuetify to vuetify3 in the code
Change VSelect's items' text and value
Change toggle dark theme mechanism

…vue3

jourdain · 2026-04-14T11:58:42Z

I would update to the structure shown here: https://kitware.github.io/trame/examples/core/basics.html#class-for-trame-application

…vue3

…ctice

jourdain · 2026-04-28T14:41:27Z

This branch cannot be rebased due to conflicts

…vue3

…to docs-tutoriel-vue3

Ref: https://github.com/Kitware/trame/pull/877/changes/ BASE..94fddc8#r3076435029

UlysseDurand

All the examples are updated to use Trame's best practice (like using the TrameApp class).

The corresponding PR in the trame-tutorial repo is the following: Kitware/trame-tutorial#8

- indentation errors - forgot to put self in class function's arguments - self.server.state => self.state - one forgotten layout => self.ui Ref: Kitware#877 (comment) Ref: Kitware#877 (comment) Ref: Kitware#877 (comment) Ref: Kitware#877 (comment) Ref: Kitware#877 (comment) Ref: Kitware#877 (comment) Ref: Kitware#877 (comment)

Ref: Kitware/trame-tutorial@adfd845

jourdain · 2026-05-07T01:05:30Z

-            view = vtk.VtkLocalView(renderWindow)
-            ctrl.on_server_ready.add(view.update)
-
+class AppCone(TrameApp):


I guess it is... But should it be?

I propose AppLayouts as a better name

trame-tutorial: UlysseDurand/trame-tutorial@5a5c152

trame: 414df33

Ref: Kitware/trame-tutorial#8 (comment)

…to docs-tutoriel-vue3

Ref: Kitware#877 (comment)

Ref: Kitware/trame#877 (comment)

Ref: Kitware#877 (comment)

Ref: Kitware#877 (comment) Ref: Kitware#877 (comment)

Refs: Kitware#877 (comment)

Ref: Kitware/trame#877 (comment) Ref: Kitware/trame#877 (comment)

UlysseDurand added 3 commits April 9, 2026 15:26

docs(tutorial): change the doc to match the trame-tutorial update to …

b9cba00

…vue3

docs(examples): use cookiecutter's vuetify3 best practices

9fffc1f

docs(tutorial): correct example code and fix typos

94fddc8

UlysseDurand mentioned this pull request Apr 10, 2026

Upgrade from Vue2 to Vue3 Kitware/trame-tutorial#7

Merged

jourdain reviewed Apr 13, 2026

View reviewed changes

Comment thread docs/vitepress/guide/tutorial/application.md

jourdain reviewed Apr 13, 2026

View reviewed changes

Comment thread docs/vitepress/guide/tutorial/application.md Outdated

jourdain reviewed Apr 13, 2026

View reviewed changes

Comment thread docs/vitepress/guide/tutorial/application.md Outdated

jourdain reviewed Apr 13, 2026

View reviewed changes

Comment thread docs/vitepress/guide/tutorial/layouts.md Outdated

jourdain reviewed Apr 13, 2026

View reviewed changes

Comment thread docs/vitepress/guide/tutorial/layouts.md Outdated

jourdain reviewed Apr 13, 2026

View reviewed changes

Comment thread docs/vitepress/guide/tutorial/layouts.md Outdated

jourdain reviewed Apr 13, 2026

View reviewed changes

Comment thread docs/vitepress/guide/tutorial/paraview.md Outdated

jourdain reviewed Apr 13, 2026

View reviewed changes

Comment thread docs/vitepress/guide/tutorial/paraview.md Outdated

docs(tutorial): use TrameApp in 04_applications

0a7f944

UlysseDurand added 4 commits April 28, 2026 09:51

docs(tutorial): put density compact as of vue3 specification

baa8e65

Merge branch 'master' of github.com:Kitware/trame into docs-tutoriel-…

b18232f

…vue3

docs(tutorial): use TrameApp in the paraview tutorial

3edcb44

docs(tutorial): change the html tutorial page to use trame's best pra…

f5c7c6e

…ctice