Vue To Any

Overview

Vue To Any is a simple Vue.js component that allows you to render components as image, PDF (coming soon) or canvas.

Installation

1npm install vue-to-any

Usage

The Renderer component have no props, only a render method.

For Api reference, take a look at dist build.

Example

Full example with Nuxt (work exactly the same with Vue 3 except for auto imports functions)

components/A.vue

1<script setup lang="ts">
2const props = defineProps<{ msg: string }>()
3</script>
4
5<template>
6  <div>
7    A {{ props.msg }}
8  </div>
9</template>

components/B.vue

1<template>
2  <div>
3    B
4  </div>
5</template>

App.vue

```

Contributing

Feel free to contribute to the project, I will be happy to review your PR.

1. Fork the repository
2. Create a branch: git checkout -b feature/your-feature.
3. Make your changes and commit them: git commit -m 'feat: add an awesome feature'. (please follow conventional commits)
4. Push to your fork: git push origin feature/your-feature.
5. Create the pull request.

post-scriptum:

• I personally use nix to manage my development environment, feel free to use anything you want.
• That is my first open-source project, I will be happy to receive feedbacks.

License

MIT