@sfgrp/distinguish 0.0.1 → 0.0.4

package/README.md

@@ -44,11 +44,11 @@ You can copy and paste the following tags into your HTML file.
 
 ```html
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sfgrp/distinguish/dist/style.css">
-<script src="https://cdn.jsdelivr.net/npm/@sfgrp/distinguish/dist/distinguish.umd.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@sfgrp/distinguish/dist/distinguish.umd.js"></script>
 ```
 
 ## Usage
-There are three ways to setup Interactive Keys. The easiest way is to let InteractiveKey auto discover your inputs automatically. For that, you simply need to provide a data attribute to your input.
+There are two ways to setup Interactive Keys. The easiest way is to let InteractiveKey auto discover your inputs automatically. For that, you simply need to provide a data attribute to your input.
 
 ### Declarative
 
@@ -72,39 +72,12 @@ You can initialize it by createInteractiveKey function
 <div id="interactive-key"></div>
 ```
 ```javascript
-import createInteractiveKey from '@sfgrp/distinguish'
+import { createInteractiveKey } from '@sfgrp/distinguish'
 import '@sfgrp/distinguish/dist/style.css'
 
-const app = new createInteractiveKey('#interactive-key', options)
+const app = createInteractiveKey('#interactive-key', options)
 ```
 
-### Vue component (Vue 3.x)
-*Pinia is required in your application to use this component*
-
-```javascript
-<template>
-  <VueInteractiveKey
-    :observationMatrixId="observationId"
-    :api-config="config"
-  />
-</template>
-
-<script setup>
-import { ref, reactive } from 'vue'
-import { VueInteractiveKey } from '@sfgrp/distinguish'
-import '@sfgrp/distinguish/dist/style.css'
-
-const observationMatrixId = ref(1)
-const config = ref({
-  baseURL: 'http://localhost:3000/api/v1/',
-  projectId: undefined,
-  projectToken: '5kshojqRCr83fM3MW7OA9g',
-  userToken: undefined
-})
-</script>
-```
-
-
 ### Options object
 ```javascript
 {