revert to vue 3 only, update readme

Author: rdunk

README.md

@@ -1,8 +1,92 @@
-# sanity-blocks-vue-component
+<div align="center">
+	<h1>Sanity Blocks Vue Component</h1>
+  <p>
+    <img alt="NPM version" src="https://img.shields.io/npm/v/sanity-blocks-vue-component?color=000&style=flat-square">
+    <img alt="NPM downloads" src="https://img.shields.io/npm/dm/sanity-blocks-vue-component?color=000&style=flat-square">
+    <img alt="GitHub Release Date" src="https://img.shields.io/github/release-date/rdunk/sanity-blocks-vue-component?color=000&style=flat-square">
+    <img alt="Vue version" src="https://img.shields.io/npm/dependency-version/sanity-blocks-vue-component/vue?color=000&style=flat-square">
+    <img alt="License" src="https://img.shields.io/npm/l/sanity-blocks-vue-component.svg?color=000&style=flat-square">
+    </p>
+	</p>
+	<p>
+		<h3>A Vue component for rendering <a href="https://www.sanity.io/docs/block-content" _target="blank">block content</a> from Sanity.</h3>
+	<br>
+	<br>
+	<br>
+</div>
 
-This branch is in beta. It is a complete rewrite supporting Vue 3 only.
+> **Notice**: This version is a complete rewrite for Vue 3. For Vue 2, see versions <1.0.0.
 
-A Vue component for rendering [block text](https://www.sanity.io/docs/schema-types/block-type) from [Sanity](https://www.sanity.io/). Allows you to pass other Vue components as custom serializers.
+A Vue component for easily rendering Sanity block content or [Portable Text](https://github.com/portabletext/portabletext). Allows you to use Vue components as serializers.
+
+## Install
+
+```bash
+$ npm i sanity-blocks-vue-component # or yarn add sanity-blocks-vue-component
+```
+
+## Usage
+
+Import directly into your component or view:
+
+```vue
+<template>
+  <SanityBlocks :blocks="blocks" :serializers="serializers" />
+</template>
+
+<script>
+import { SanityBlocks } from 'sanity-blocks-vue-component';
+import CustomComponent from 'CustomComponent.vue';
+
+export default {
+  components: { SanityBlocks },
+  setup() {
+    const blocks: [...]; // Sanity block text
+    const serializers: {
+      types: {
+        custom: CustomComponent,
+      },
+    };
+    return { blocks, serializers };
+  }
+}
+</script>
+```
+
+Or install globally:
+
+```ts
+import { SanityBlocks } from 'sanity-blocks-vue-component';
+Vue.component(SanityBlocks);
+```
+
+## Props
+
+The following props can be passed to the component.
+
+| Prop          | Required | Description                                        | Type   |
+| ------------- | -------- | -------------------------------------------------- | ------ |
+| `blocks`      | Yes      | Block content retrieved from Sanity.               | Array  |
+| `serializers` | No       | Any custom serializers you want to use. See below. | Object |
+
+## Serializer Prop
+
+Serializers are the functions used for rendering block content. They can be defined either as a string (e.g. `div`) or as a Vue Component (see below for more detail). This package comes with default serializers that will work for rendering basic block content, but you may pass a `serializer` prop to override or extend the default serializers. Any object passed as a prop will be merged with the default serializers object.
+
+| Property    | Description                            |
+| ----------- | -------------------------------------- |
+| `types`     | Object of serializers for block types. |
+| `marks`     | Object of serializers for marks.       |
+| `styles`    | Object of serializers for styles.      |
+| `list`      | Serializer for list containers.        |
+| `listItem`  | Serializer for list items.             |
+| `hardBreak` | Serializer for hard breaks.            |
+
+## Using Component Serializers
+
+The most common use case is defining serializers for custom block types and marks, using the `types` and `marks` serializer properties respectively. For example, if you have a block of `_type` `custom`, you can add a property to the `serializers.types` object with the key `custom` and a value of the Vue component that should serialize this block.
+
+When using a custom Vue component as a serializer, all properties of the block or mark object (excluding `_key` and `_type`) will be passed as [props](https://v3.vuejs.org/guide/component-props.html). **To access the data, you should define the correpsonding props in your component.** For mark serializers, you can also use [slots](https://v3.vuejs.org/guide/component-slots.html) to access the mark text or content.
 
 ## License