chore: add typescript example (#357)

Co-authored-by: Rahul Kadyan <hi@znck.me>

Author: przemkow

examples/typescript/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "typescript",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "build": "rollup -c"
+  },
+  "dependencies": {
+    "vue": "^3.0.0-beta.14",
+    "rollup": "^2.10.9",
+    "rollup-plugin-typescript2": "^0.27.1",
+    "typescript": "^3.9.3",
+    "rollup-plugin-vue": "link:../.."
+  }
+}

examples/typescript/rollup.config.js

@@ -0,0 +1,22 @@
+import VuePlugin from 'rollup-plugin-vue'
+import typescript from 'rollup-plugin-typescript2'
+import path from 'path'
+
+export default [
+  {
+    input: 'src/index.ts',
+    output: {
+      file: 'dist/app.js',
+      format: 'esm',
+      sourcemap: 'inline',
+    },
+    plugins: [
+      VuePlugin(),
+      typescript({
+        // Absolute path to import correct config in e2e tests
+        tsconfig: path.resolve(__dirname, 'tsconfig.json'),
+      }),
+    ],
+    external: ['vue'],
+  },
+]

examples/typescript/src/App.vue

@@ -0,0 +1,20 @@
+<template>
+  Foo {{ title }}
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+interface ComponentData {
+  title: string
+}
+
+export default defineComponent({
+  name: 'App',
+  data(): ComponentData {
+    return {
+      title: 'Bar',
+    }
+  }
+})
+</script>

examples/typescript/src/index.ts

@@ -0,0 +1,3 @@
+import App from './App.vue'
+
+export { App }

examples/typescript/src/shims-vue.d.ts

@@ -0,0 +1,5 @@
+declare module '*.vue' {
+  import { defineComponent } from 'vue'
+  const Component: ReturnType<typeof defineComponent>
+  export default Component
+}

examples/typescript/tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "compilerOptions": {
+    "module": "ESNext"
+  },
+  "include": ["**/*.ts", "**/*.tsx", "**/*.vue"]
+}