-
Notifications
You must be signed in to change notification settings - Fork 0
feature/upgrade vue web terminal 3.4.1 #18
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feature/upgrade vue web terminal 3.4.1 #18
Conversation
elasticdotventures
commented
Jan 25, 2026
- Upgrade vue-web-terminal from 3.2.2 to 3.4.1
- Install licensed PATRON font files locally
Changes: - Update package.json to vue-web-terminal 3.4.1 - Update TheXTerm.vue imports (use default import for Terminal) - Remove CSS theme import, add theme="dark" prop (v3.3.1 breaking change) - Manually installed vue-web-terminal 3.4.1 from npm registry Breaking changes handled: - v3.3.1: Theme configuration moved from CSS imports to component props - v3.4.0: Plugin no longer requires global registration via createTerminal() All existing functionality preserved: - Custom commands (hello, meet) - WebSocket integration - Idle timer auto-execution - TerminalApi methods Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
- Add PATRON.ttf, PATRON.woff, PATRON.woff2 to public/fonts/ - Add PATRON fonts to src/assets/fonts/ for @import usage - Update PromptExecutionLogo.vue to use local fonts instead of onlinewebfonts.com - Removes font loading errors from browser console Font files from: PATRON Multimedia License.zip Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
- Regenerated lockfile after manual package installations - Fixes Cloudflare build error: 'lockfile had changes, but lockfile is frozen' Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Deploying promptexecutionwebsite with
|
| Latest commit: |
66402ab
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://e59de912.promptexecutionwebsite.pages.dev |
| Branch Preview URL: | https://feature-upgrade-vue-web-term.promptexecutionwebsite.pages.dev |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull request overview
This PR upgrades the vue-web-terminal dependency and wires it up as a plugin, while also switching the PromptExecution branding fonts from a remote CDN to locally hosted licensed font files.
Changes:
- Bump
vue-web-terminalfrom3.2.2to3.4.1and register its plugin (createTerminal) on the Vue app soTerminalApiworks correctly. - Update
TheXTerm.vueto use the componenttheme="dark"prop instead of importing the dark theme CSS directly, and adjust imports forTerminalApi/Command. - Replace external Patron font loading with local
PATRONfont files (TTF/WOFF/WOFF2) underpublic/fontsand corresponding@font-facerules inPromptExecutionLogo.vue.
Reviewed changes
Copilot reviewed 4 out of 11 changed files in this pull request and generated 1 comment.
Show a summary per file
| File | Description |
|---|---|
package.json |
Upgrades vue-web-terminal to 3.4.1, enabling the newer API and theme-prop behavior. |
src/main.ts |
Imports createTerminal from vue-web-terminal and installs it as a plugin so TerminalApi calls in components function as intended. |
src/components/TheXTerm.vue |
Points the Terminal component at the new plugin setup, sets theme="dark", and refines imports/types for TerminalApi and Command. |
src/components/PromptExecutionLogo.vue |
Switches logo typography to use locally hosted Patron/Exodar fonts via @font-face with /fonts/... URLs. |
public/fonts/PATRON.woff2 / public/fonts/PATRON.woff / public/fonts/PATRON.ttf |
Provide the Patron font in multiple web formats for use by the logo styles via /fonts/PATRON.* URLs. |
src/assets/fonts/PATRON.woff2 / src/assets/fonts/PATRON.woff |
Add additional copies of the Patron font under src/assets/fonts, which currently are not referenced by any CSS. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| // @ts-ignore - TypeScript can't resolve the export but it exists at runtime | ||
| import { createTerminal } from 'vue-web-terminal'; |
Copilot
AI
Jan 25, 2026
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Using // @ts-ignore here hides all TypeScript checking for this import and diverges from the way other untyped dependencies are handled (for example src/vue-native-websocket-vue3.d.ts declares a module instead). To keep type safety and stay consistent with the rest of the codebase, consider adding or extending a .d.ts declaration for vue-web-terminal (including createTerminal) instead of suppressing the error at the usage site.