https://github.com/chanlito/vuetify-tsx
Vuetify TSX is just a wrapper lib around vuetify components.
https://github.com/chanlito/vuetify-tsx
jsx tsx typescript vuetify vuetifyjs
Last synced: 4 months ago
JSON representation
Vuetify TSX is just a wrapper lib around vuetify components.
- Host: GitHub
- URL: https://github.com/chanlito/vuetify-tsx
- Owner: chanlito
- Archived: true
- Created: 2018-09-14T14:47:59.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-03T15:19:18.000Z (almost 3 years ago)
- Last Synced: 2025-07-12T15:05:07.040Z (4 months ago)
- Topics: jsx, tsx, typescript, vuetify, vuetifyjs
- Language: TypeScript
- Homepage: https://vuetify-tsx.netlify.com
- Size: 3.5 MB
- Stars: 20
- Watchers: 4
- Forks: 6
- Open Issues: 30
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vuetify TSX
[](https://app.netlify.com/sites/vuetify-tsx/deploys)
Vuetify TSX is just a wrapper lib around vuetify components.
This lib uses [`vue-tsx-support`](https://github.com/wonderful-panda/vue-tsx-support) under the hood to support TSX (JSX for TypeScript).
## Setup
```bash
yarn add vuetify-tsx
# OR
npm install vuetify-tsx
```
## Usage
```tsx
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 (
);
},
});
export default App;
```
For more examples, see the [examples](https://github.com/chanlito/vuetify-tsx/tree/master/src/views/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.
```js
// 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](https://github.com/chanlito/vuetify-tsx/graphs/contributors) 🚀!
## LICENSE
[MIT](https://opensource.org/licenses/MIT)