Skip to content

Upgrade from Vue2 to Vue3#7

Open
UlysseDurand wants to merge 9 commits intoKitware:masterfrom
UlysseDurand:fix-version
Open

Upgrade from Vue2 to Vue3#7
UlysseDurand wants to merge 9 commits intoKitware:masterfrom
UlysseDurand:fix-version

Conversation

@UlysseDurand
Copy link
Copy Markdown

@UlysseDurand UlysseDurand commented Apr 10, 2026

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

Upgrade the tutorial examples from Vue2 to Vue3.

  • Change vuetify to vuetify3 in the code
  • Change VSelect's items' text and value
  • Change toggle dark theme mechanism

Comment thread 00_setup/app.py
@@ -1,11 +1,11 @@
from trame.app import get_server
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

convert example using the TrameApp base class

Comment thread 01_vtk/app_flow.py
@@ -1,6 +1,6 @@
from trame.app import get_server
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

TrameApp

Comment thread 01_vtk/app_flow.py
server = get_server()
ctrl = server.controller

with SinglePageLayout(server) as layout:
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

as self.ui

Comment thread 01_vtk/solution_cone.py
from trame.ui.vuetify import SinglePageLayout
from trame.widgets import vtk, vuetify
from trame.ui.vuetify3 import SinglePageLayout
from trame.widgets import vtk, vuetify3
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

from trame.widgets import vuetify3 as v3

Comment thread 01_vtk/solution_flow.py
with SinglePageLayout(server) as layout:
layout.title.set_text("Hello trame")

with layout.content:
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

with self.ui.content:

UlysseDurand and others added 2 commits April 15, 2026 09:44
Some functions that don't use `self`, are put out of the class. They are
only acting on VTK actors.

Ref: https://github.com/Kitware/trame-tutorial/commit/
adfd845#r182468439
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants