vue-ztext

Ztext.js custom declarative component for Vue 3. Because you deserve declarative awesomeness.

Installation

Execute this command on your favorite terminal

npm install @namchee/vue-ztext

// if you are using yarn

yarn add @namchee/vue-ztext

Then, import the files in your entry point and don't forget to call the use() method!

import ZText from '@namchee/vue-ztext';
// ...

app.use(ZText);

Now, you can use it anywhere in your app by using the z-text component

<template>
  <z-text>
    Hello World!
  </z-text>
</template>

Props

The properties and the default values are basically the same as the original implementation with one new custom properties

Name | Type | Default | Description ---- | ---- | ------- | ----------- as | string (must be a valid HTML Element tag) | div | Determines the actual element to be rendered on the app. For example, if you want the component to be rendered as the main heading, fill as with h1

Acknowledgements

• Bennett Feely, the original ZText creator

License

This project is licensed under the MIT License