wip: script setup

Author: lmiller1990

e2e/__projects__/basic/components/ScriptSetup.vue

@@ -0,0 +1,15 @@
+<template>
+  <button @click="increase">Count: {{ num }}</button>
+  <span>{{ msg }}</span>
+</template>
+
+<script setup="props, { emit }" lang="ts">
+import { ref } from 'vue'
+export const num = ref(5)
+const greet = () => console.log('greet')
+export const increase = () => {
+  greet()
+  num.value++
+}
+export const msg = 'hello world'
+</script>

e2e/__projects__/basic/package.json

@@ -8,12 +8,12 @@
     "test": "jest --no-cache --coverage test.js"
   },
   "dependencies": {
-    "vue": "3.0.0-alpha.10"
+    "vue": "^3.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.2.2",
     "@babel/preset-env": "^7.2.3",
-    "@vue/compiler-sfc": "3.0.0-alpha.10",
+    "@vue/compiler-sfc": "^3.0.0",
     "babel-helper-vue-jsx-merge-props": "^2.0.3",
     "babel-plugin-syntax-jsx": "^6.18.0",
     "babel-plugin-transform-vue-jsx": "^3.7.0",

e2e/__projects__/basic/test.js

@@ -2,22 +2,23 @@ import { createApp, h } from 'vue'
 import { resolve } from 'path'
 import { readFileSync } from 'fs'
 
-import BasicSrc from './components/BasicSrc.vue'
-import Pug from './components/Pug.vue'
-import Coffee from './components/Coffee.vue'
-import Basic from './components/Basic.vue'
-import TypeScript from './components/TypeScript.vue'
-import jestVue from '../../../'
-import RenderFunction from './components/RenderFunction.vue'
-import FunctionalSFC from './components/FunctionalSFC.vue'
-import CoffeeScript from './components/CoffeeScript.vue'
-import FunctionalSFCParent from './components/FunctionalSFCParent.vue'
-import NoScript from './components/NoScript.vue'
-import PugRelative from './components/PugRelativeExtends.vue'
-import { randomExport } from './components/NamedExport.vue'
+// import BasicSrc from './components/BasicSrc.vue'
+// import Pug from './components/Pug.vue'
+// import Coffee from './components/Coffee.vue'
+// import Basic from './components/Basic.vue'
+// import TypeScript from './components/TypeScript.vue'
+// import jestVue from '../../../'
+// import RenderFunction from './components/RenderFunction.vue'
+// import FunctionalSFC from './components/FunctionalSFC.vue'
+// import CoffeeScript from './components/CoffeeScript.vue'
+// import FunctionalSFCParent from './components/FunctionalSFCParent.vue'
+// import NoScript from './components/NoScript.vue'
+// import PugRelative from './components/PugRelativeExtends.vue'
+// import { randomExport } from './components/NamedExport.vue'
+import ScriptSetup from './components/ScriptSetup.vue'
 
 // TODO: JSX for Vue 3? TSX?
-import Jsx from './components/Jsx.vue'
+// import Jsx from './components/Jsx.vue'
 
 function mount(Component, props, slots) {
   document.getElementsByTagName('html')[0].innerHTML = ''
@@ -32,6 +33,11 @@ function mount(Component, props, slots) {
   createApp(Parent).mount(el)
 }
 
+test.only('supports <script setup>', () => {
+  mount(ScriptSetup)
+  expect(document.body.outerHTML).toContain('Count: 5')
+})
+
 test('processes .vue files', () => {
   mount(Basic)
   expect(document.querySelector('h1').textContent).toBe(