Some fixes

Author: holtwick

.editorconfig

@@ -0,0 +1,12 @@
+# EditorConfig is awesome: http://EditorConfig.org
+
+root = true
+
+[*]
+end_of_line = lf
+charset = utf-8
+insert_final_newline = true
+max_line_length = 80
+trim_trailing_whitespace = true
+indent_style = space
+indent_size = 2

src/components/index.ts

@@ -9,6 +9,7 @@ import twCompletion from "./tw-completion.vue"
 import twTagInput from "./tw-tag-input.vue"
 import twInput from "./tw-input.vue"
 import twNotification from "./tw-notification.vue"
+import { notification } from "./notification"
 
 export {
   twButton,
@@ -21,4 +22,6 @@ export {
   twCompletion,
   twTagInput,
   twInput,
+  twNotification,
+  notification,
 }

src/components/tw-notification.vue

@@ -1,19 +1,19 @@
 <template>
   <teleport to="body">
-    <div class="notification-container">
+    <div class="tw-notification-container">
       <transition-group name="notification" tag="div">
-        <div class="notification" v-for="n in notifications" :key="n.id">
-          <div class="notification-title">{{ n.title }}</div>
-          <div class="notification-message">{{ n.message }}</div>
+        <div class="tw-notification" v-for="n in notifications" :key="n.id">
+          <div class="tw-notification-title">{{ n.title }}</div>
+          <div class="tw-notification-message">{{ n.message }}</div>
         </div>
       </transition-group>
     </div>
   </teleport>
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, computed, PropType } from "vue"
-import { notifications, TwindyNotification } from "./notification"
+import { defineComponent } from "vue"
+import { notifications } from "./notification"
 
 export default defineComponent({
   setup(props) {

src/components/usetextarea.ts

@@ -0,0 +1,23 @@
+import { useEventListener, useResizeObserver } from "@vueuse/core"
+import { onMounted, onUpdated } from "vue"
+
+export function useTextareaResize(r) {
+  const resize = () => {
+    let el = r.value
+    el.style.height = "1px"
+    el.style.height = el.scrollHeight + 2 + "px"
+  }
+
+  onUpdated(() => {
+    console.log("ttt", r)
+    r.value.setAttribute(
+      "style",
+      "height:" +
+        (r.value.scrollHeight + 2) +
+        "px;overflow-y:hidden;resize:none;"
+    )
+  })
+
+  // useEventListener(r, "input", resize)
+  // useResizeObserver(r, resize)
+}