Skip to content

Fix homepage Counter examples for Vue Vapor and Octane - #245

Open
ywenhao wants to merge 1 commit into
pocket-stack:mainfrom
ywenhao:fix/homepage-counter-examples
Open

Fix homepage Counter examples for Vue Vapor and Octane#245
ywenhao wants to merge 1 commit into
pocket-stack:mainfrom
ywenhao:fix/homepage-counter-examples

Conversation

@ywenhao

@ywenhao ywenhao commented Aug 7, 2026

Copy link
Copy Markdown

Summary

Fixes the homepage code switcher in the "Familiar code, native machinery" section so each framework tab shows its idiomatic authoring model.

Closes #244

Changes

  • Vue Vapor: replace TSX Counter.tsx with a Vue SFC example (<script setup> + <template>), matching in-repo apps like apps/hero-vue-sfc/app.vue.
  • Octane: replace plain TSX with TSRX @{ ... } syntax (Counter.tsrx), matching Octane TSRX basics.
  • Solid: unchanged (Counter.tsx).
  • Update the code card filename when switching tabs (Counter.tsx / Counter.vue / Counter.tsrx).

Test plan

  • Open the homepage and switch Solid / Vue Vapor / Octane tabs on the Counter code card.
  • Confirm Vue tab shows SFC template syntax and filename Counter.vue.
  • Confirm Octane tab shows TSRX @{ } syntax and filename Counter.tsrx.
  • Confirm Solid tab still shows the original TSX example and filename Counter.tsx.

Made with Cursor

Show Vue SFC with script setup and template for Vue Vapor, and TSRX @{ } syntax for Octane. Update the code card filename when switching framework tabs.

Closes pocket-stack#244

Co-authored-by: Cursor <cursoragent@cursor.com>
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.

Homepage Counter examples: Vue Vapor should use SFC template, Octane should use TSRX

1 participant