typescript example is no longer valid

[Hulkmaster]

Version

5.0.0

Reproduction link

https://github.com/vuejs/rollup-plugin-vue/tree/master/cookbook/typescript-simple

Steps to reproduce

try to upgrade
fail
profit

What is expected?

up to date versions

What is actually happening?

fail

---

current TS example implementation uses outdated rollup version and deprecated TS plugin (also doesn't work with vue-plugin ^6 version, because requires additional libs)

just by upgrading versions it doesn't work

would be nice to have up-to-date working TS example

[DrMabuse23]

Hey i found https://github.com/JTravis76/rollup-plugin-ts-vue maybe this helps

[elasim]

this may helps. (still u need define shims for *.vue, of course)

import pluginTypescript from '@rollup/plugin-typescript';
import vue from 'rollup-plugin-vue';

export default {
	input: 'src/index.ts',
	output: {
		format: 'esm',
		name: 'lib/index.js',
		dir: 'lib',
		sourcemap: true,
	},
	external: [
		'vue',
		'vue-class-component',
		'vue-property-decorator',
		'tslib',
		'vue-runtime-helpers/dist/normalize-component.mjs',
	],
	plugins: [
		pluginTypescript(),
		vue({
			normalizer: '~vue-runtime-helpers/dist/normalize-component.mjs',
		}),
	],
};

{
  "compilerOptions": {
    "rootDir": "./src",
    "outDir": "./lib",
    "target": "es5",
    "module": "commonjs",
    "sourceMap": true,
    "declaration": true,
    "importHelpers": true,
    "strict": true
  }
}