fix: update readme

Author: dword-design

README.md

@@ -53,17 +53,52 @@
 A Vue.js component that turns a Mermaid string into a diagram.
 <!-- /DESCRIPTION -->
 
-<!-- INSTALL/ -->
-## Install
-
+## Install Via a Package Manager
 ```bash
 # npm
 $ npm install vue-mermaid-string
 
 # Yarn
 $ yarn add vue-mermaid-string
 ```
-<!-- /INSTALL -->
+
+Add to Local Components:
+
+```js
+export default {
+  import VueMermaidString from 'vue-mermaid-string'
+  
+  components: {
+    VueMermaidString,
+  },
+}
+```
+
+Or register as global component:
+
+```js
+import Vue from 'vue'
+import VueMermaidString from 'vue-mermaid-string'
+
+Vue.component('VueMermaidString', VueMermaidString)
+```
+
+Or register as plugin:
+
+```js
+import Vue from 'vue'
+import VueMermaidString from 'vue-mermaid-string'
+
+Vue.use(VueMermaidString)
+```
+
+## Install Via CDN
+
+```html
+<script src="https://unpkg.com/vue"></script>
+<script src="https://unpkg.com/mermaid/dist/mermaid.min.js"></script>
+<script src="https://unpkg.com/vue-mermaid-string"></script>
+```
 
 ## Usage
 
@@ -77,12 +112,7 @@ Usage is simple, you pass a Mermaid string to the component and you get a visual
 
 ```js
 <script>
-import VueMermaidString from 'vue-mermaid-string'
-
 export default {
-  components: {
-    VueMermaidString,
-  },
   computed: {
     diagram: () => 'graph TD\n    A --> B',
   },