Merge branch 'main' into feat/add-transform-entry

.github/workflows/release-continuous.yml

@@ -9,10 +9,13 @@ jobs:
       - name: Checkout code
         uses: actions/checkout@v4
 
-      - run: corepack enable
-      - uses: actions/setup-node@v4
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: Install Node.js
+        uses: actions/setup-node@v4
         with:
-          node-version: lts/*
+          node-version-file: '.node-version'
           cache: 'pnpm'
 
       - name: Install dependencies

.github/workflows/release.yml

@@ -17,12 +17,13 @@ jobs:
         with:
           fetch-depth: 0
 
-      - run: corepack enable
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
 
-      - name: Set node
+      - name: Install Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: lts/*
+          node-version-file: '.node-version'
           cache: pnpm
           registry-url: 'https://registry.npmjs.org'
 

.node-version

@@ -0,0 +1 @@
+lts/*

CHANGELOG.md

@@ -1,3 +1,12 @@
+# [4.5.0](https://github.com/vuejs/repl/compare/v4.4.3...v4.5.0) (2025-02-03)
+
+
+### Features
+
+* pass on descriptor vapor flag when compiling template ([adaaceb](https://github.com/vuejs/repl/commit/adaaceb24984435ae02ab3eda071f10dba9e0362))
+
+
+
 ## [4.4.3](https://github.com/vuejs/repl/compare/v4.4.2...v4.4.3) (2025-01-02)
 
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/repl",
-  "version": "4.4.3",
+  "version": "4.5.0",
   "description": "Vue component for editing Vue components",
   "packageManager": "[email protected]",
   "type": "module",

src/SplitPane.vue

@@ -9,7 +9,7 @@ const containerRef = useTemplateRef('container')
 const previewRef = inject(injectKeyPreviewRef)!
 
 // mobile only
-const { store, splitPaneOptions } = inject(injectKeyProps)!
+const { store, layoutReverse, splitPaneOptions } = inject(injectKeyProps)!
 
 const state = reactive({
   dragging: false,
@@ -66,6 +66,7 @@ function changeViewSize() {
     :class="{
       dragging: state.dragging,
       'show-output': store.showOutput,
+      reverse: layoutReverse,
       vertical: isVertical,
     }"
     @mousemove="dragMove"
@@ -201,21 +202,19 @@ function changeViewSize() {
   .split-pane .toggler {
     display: block;
   }
-  .split-pane .right {
+  .split-pane .right,
+  .split-pane.show-output.reverse .right,
+  .split-pane.show-output .left,
+  .split-pane.reverse .left {
     z-index: -1;
     pointer-events: none;
   }
-  .split-pane .left {
+  .split-pane .left,
+  .split-pane.show-output.reverse .left,
+  .split-pane.show-output .right,
+  .split-pane.reverse .right {
     z-index: 0;
     pointer-events: all;
   }
-  .split-pane.show-output .right {
-    z-index: 0;
-    pointer-events: all;
-  }
-  .split-pane.show-output .left {
-    z-index: -1;
-    pointer-events: none;
-  }
 }
 </style>

src/store.ts

@@ -142,7 +142,11 @@ export function useStore(
     }
   }
 
-  function setImportMap(map: ImportMap) {
+  function setImportMap(map: ImportMap, merge = false) {
+    if (merge) {
+      map = mergeImportMap(getImportMap(), map)
+    }
+
     if (map.imports)
       for (const [key, value] of Object.entries(map.imports)) {
         if (value) {
@@ -368,6 +372,7 @@ export function useStore(
     deleteFile,
     renameFile,
     getImportMap,
+    setImportMap,
     getTsConfig,
     serialize,
     deserialize,
@@ -436,6 +441,7 @@ export interface ReplStore extends UnwrapRef<StoreState> {
   deleteFile(filename: string): void
   renameFile(oldFilename: string, newFilename: string): void
   getImportMap(): ImportMap
+  setImportMap(map: ImportMap, merge?: boolean): void
   getTsConfig(): Record<string, any>
   serialize(): string
   deserialize(serializedState: string): void

src/transform.ts

@@ -340,6 +340,8 @@ async function doCompileTemplate(
   let { code, errors } = store.compiler.compileTemplate({
     isProd: false,
     ...store.sfcOptions?.template,
+    // @ts-expect-error TODO remove expect-error after 3.6
+    vapor: descriptor.vapor,
     ast: descriptor.template!.ast,
     source: descriptor.template!.content,
     filename: descriptor.filename,