vuetify-tsx

KO | EN

gitlite — search

#javascript #hacktoberfest #react #ai #machine-learning #deep-learning #macos #java #windows #awesome #cli #awesome-list #security #mcp

(★ 20)

Vuetify TSX is just a wrapper lib around vuetify components.

vuetify-tsx Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Vuetify TSX

[![Netlify Status](https://api.netlify.com/api/v1/badges/f2703aa2-8278-4f58-9f2a-ffa5fe1bb5c5/deploy-status)](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 (
      <VApp>
        <VContent>
          <router-view />
        </VContent>
      </VApp>
    );
  },
});

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)

vuetify-tsx

vuetify-tsx Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

vuetify-tsx

vuetify-tsx Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README