Vuetify TSX
Vuetify TSX is just a wrapper lib around vuetify components.
This lib uses vue-tsx-support under the hood to support TSX (JSX for TypeScript).
Setup
yarn add vuetify-tsx
# OR
npm install vuetify-tsxUsage
import { component } from 'vue-tsx-support';
import { VApp, VContent } from 'vuetify-tsx';
// or import directly
import VApp from 'vuetify-tsx/lib/components/VApp';
import VContent from 'vuetify-tsx/lib/components/VContent';
const App = component({
name: 'App',
render() {
return (
<VApp>
<VContent>
<router-view />
</VContent>
</VApp>
);
},
});
export default App;For more examples, see the examples folder in this repository.
You can see the examples by checking out the project and using npm install and then npm run serve.
Tip
Use babel-plugin-import to reduce bundle size.
// inside babel.config.js
module.exports = {
presets: ['@vue/app'],
plugins: [
[
'import',
{
libraryName: 'vuetify-tsx',
libraryDirectory: 'lib/components',
camel2DashComponentName: false,
},
],
],
};Contributors
This project exists thanks to all the people who contribute