No TS in demo App.vue for now, improves readme

Author: syropian

README.md

@@ -15,6 +15,64 @@ _or_
 Use the UMD build from [Unpkg](https://unpkg.com/vue-input-autowidth), available as `VueInputAutowidth` in the global scope.
 
 ```html
-<script src="/vendor/vue.js">
-<script src="https://unpkg.com/vue-input-autowidth">
+<script src="/vendor/vue.js" />
+<script src="https://unpkg.com/vue-input-autowidth" />
 ```
+
+## Usage
+
+### Globally
+
+Import and register the directive in your app's entrypoint.
+
+```js
+import { createApp } from "vue";
+import App from "./App.vue";
+import { plugin as VueInputAutowidth } from "vue-input-autowidth";
+
+createApp(App).use(VueInputAutowidth).mount("#app");
+```
+
+### Per-component
+
+```js
+<script>
+import { directive as VueInputAutowidth } from "vue-input-autowidth"
+
+export default {
+  directives: { autowidth: VueInputAutowidth },
+  setup() {
+    ...
+  },
+}
+</script>
+```
+
+...and in your template:
+
+```html
+<template>
+  <input type="text" placeholder="First Name" v-model="msg" v-autowidth />
+</template>
+```
+
+You can also pass some options:
+
+```html
+<template>
+  <input
+    type="text"
+    placeholder="First Name"
+    v-model="msg"
+    v-autowidth="{
+      minWidth: '75px',
+      maxWidth: '75%',
+      comfortZone: '1ch',
+    }"
+  />
+</template>
+```
+
+## License
+
+MIT © [Collin Henderson](https://github.com/syropian)

demo/package.json

@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "scripts": {
     "dev": "vite",
-    "build": "vue-tsc --noEmit && vite build -c ./vite.demo.config.ts",
+    "build": "vue-tsc --noEmit && vite build",
     "serve": "vite preview"
   },
   "dependencies": {

demo/src/App.vue

@@ -59,28 +59,28 @@
   </div>
 </template>
 
-<script setup lang="ts">
-import { Ref, ref } from "vue";
+<script setup>
+import { ref } from "vue";
 
-const msg: Ref<string> = ref("");
+const msg = ref("");
 
 const installCode = ref(`$ npm install vue-input-autowidth@next --save
 # or...
 $ yarn add vue-input-autowidth@next`);
 const addGlobalCode = ref(`import { createApp } from 'vue'
 import App from './App.vue'
-import VueInputAutowidth from 'vue-input-autowidth'
+import { plugin as VueInputAutowidth } from 'vue-input-autowidth'
 
 createApp(App).use(VueInputAutowidth).mount("#app")
 `);
 const perComponentCode = `import { directive as VueInputAutowidth } from 'vue-input-autowidth'
 
-export default defineComponent({
+export default {
   directives: { autowidth: VueInputAutowidth },
   setup() {
     ...
   },
-})`;
+}`;
 const useDirectiveCode = `<input
   type="text"
   placeholder="Watch me change size with my content!"