fix: playground

vue-macros · Aug 22, 2023 · e194d62 · e194d62
1 parent 2ff4bae
commit e194d62
Show file tree

Hide file tree

Showing 5 changed files with 65 additions and 17 deletions.
diff --git a/packages/v-scope/tests/__snapshots__/fixtures.test.ts.snap b/packages/v-scope/tests/__snapshots__/fixtures.test.ts.snap
@@ -184,6 +184,30 @@ export { scopeAndElseif as default };
 "
 `;
 
+exports[`fixtures > tests/fixtures/scope-and-for.vue 1`] = `
+"import { openBlock, createElementBlock, Fragment, createCommentVNode, renderList, createElementVNode, createTextVNode, toDisplayString } from 'vue';
+import _export_sfc from '[NULL]/plugin-vue/export-helper';
+
+const _sfc_main = {};
+
+function _sfc_render(_ctx, _cache) {
+  
+
+  return (openBlock(), createElementBlock(Fragment, null, [
+    createCommentVNode(\\" @vue-skip \\"),
+    (openBlock(), createElementBlock(Fragment, null, renderList([1, 2, 3], (i) => {
+      return (( x= i + 1 )=> createElementVNode(\\"div\\", null, [
+        createTextVNode(toDisplayString(x), 1 /* TEXT */)
+      ]))()
+    }), 64 /* STABLE_FRAGMENT */))
+  ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
+}
+var scopeAndFor = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render],__FILE__]);
+
+export { scopeAndFor as default };
+"
+`;
+
 exports[`fixtures > tests/fixtures/scope-and-if.vue 1`] = `
 "import { ref, createElementVNode, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import _export_sfc from '[NULL]/plugin-vue/export-helper';
@@ -215,8 +239,28 @@ export { scopeAndIf as default };
 "
 `;
 
+exports[`fixtures > tests/fixtures/template-scope.vue 1`] = `
+"import { createElementVNode, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
+import _export_sfc from '[NULL]/plugin-vue/export-helper';
+
+const _sfc_main = {};
+
+function _sfc_render(_ctx, _cache) {
+  
+
+  return (( a= 1 )=> createElementVNode(\\"div\\", null, [
+    createCommentVNode(\\" @vue-skip \\"),
+    createTextVNode(\\" \\" + toDisplayString(a), 1 /* TEXT */)
+  ]))()
+}
+var templateScope = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render],__FILE__]);
+
+export { templateScope as default };
+"
+`;
+
 exports[`fixtures > tests/fixtures/ts.vue 1`] = `
-"import { defineComponent, ref, createElementVNode, createTextVNode, toDisplayString } from 'vue';
+"import { defineComponent, ref, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, createTextVNode, toDisplayString } from 'vue';
 import _export_sfc from '[NULL]/plugin-vue/export-helper';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -225,13 +269,22 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const msg = ref(\\"Hello\\");
     return (_ctx, _cache) => {
       
-      return (( a= msg.value + \` Vue\` )=> createElementVNode(\\"h1\\", null, [
-        createTextVNode(
-          toDisplayString(a),
-          1
-          /* TEXT */
-        )
-      ]))();
+      return openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          createCommentVNode(\\" @vue-skip \\"),
+          (( a= msg.value + \` Vue\` )=> createElementVNode(\\"h1\\", null, [
+            createTextVNode(
+              toDisplayString(a),
+              1
+              /* TEXT */
+            )
+          ]))()
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      );
     };
   }
 });

diff --git a/packages/v-scope/tests/fixtures/scope-and-for.vue b/packages/v-scope/tests/fixtures/scope-and-for.vue
@@ -1,7 +1,4 @@
-<script setup lang="ts">
-// @ts-nocheck
-</script>
-
 <template>
+  <!-- @vue-skip -->
   <div v-for="i in [1, 2, 3]" v-scope="{ x: i + 1 }">{{ x }}</div>
 </template>
diff --git a/packages/v-scope/tests/fixtures/template-scope.vue b/packages/v-scope/tests/fixtures/template-scope.vue
@@ -1,9 +1,6 @@
-<script setup lang="ts">
-// @ts-nocheck
-</script>
-
 <template>
   <div v-scope="{ a: 1 }">
+    <!-- @vue-skip -->
     {{ a }}
   </div>
 </template>
diff --git a/packages/v-scope/tests/fixtures/ts.vue b/packages/v-scope/tests/fixtures/ts.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-// @ts-nocheck
 import { ref } from 'vue'
 
 const msg = ref('Hello')
 </script>
 
 <template>
+  <!-- @vue-skip -->
   <h1 v-scope="{ a: msg + ` Vue` }">{{ a }}</h1>
 </template>
diff --git a/playground/vue3/vue-macros.config.js b/playground/vue3/vue-macros.config.js
@@ -12,6 +12,7 @@ export default {
   defineSlots: true,
   hoistStatic: true,
   shortEmits: true,
+  vScope: true,
 
   namedTemplate: false,
   setupSFC: true,