fix: using proper typescript types

Author: technikhil314

README.md

@@ -68,3 +68,4 @@ For detailed explanation on how things work, check out the [documentation](https
 - [x] Fix toast issue. (Click on copy button while toast is on)
 - [ ] Handle line gutter issue when last line in data is empty
 - [ ] Handle consecutive empty lines in input should be preserved in output
+- [ ] Add css for selection pseudo class

pages/index.vue

@@ -12,15 +12,47 @@
         <div class="flex flex-wrap w-full h-full gap-4">
           <textarea
             id="lhs"
-            class="flex-1 h-full max-h-full bg-transparent rounded-md resize-none  form-textarea"
+            class="
+              flex-1
+              h-full
+              max-h-full
+              bg-transparent
+              rounded-md
+              resize-none
+              form-textarea
+            "
           ></textarea>
           <textarea
             id="rhs"
-            class="flex-1 h-full max-h-full bg-transparent rounded-md resize-none  form-textarea"
+            class="
+              flex-1
+              h-full
+              max-h-full
+              bg-transparent
+              rounded-md
+              resize-none
+              form-textarea
+            "
           ></textarea>
           <div class="self-end flex-grow-0 w-full text-center">
             <button
-              class="inline-flex items-center justify-center w-48 px-4 py-2 transition-transform transform bg-blue-600 rounded-md shadow-lg outline-none  text-gray-50 focus:ring-4 active:scale-y-75"
+              class="
+                inline-flex
+                items-center
+                justify-center
+                w-48
+                px-4
+                py-2
+                transition-transform
+                transform
+                bg-blue-600
+                rounded-md
+                shadow-lg
+                outline-none
+                text-gray-50
+                focus:ring-4
+                active:scale-y-75
+              "
             >
               Compare
             </button>
@@ -40,7 +72,7 @@ const dmp = new DiffMatchPatch()
 export default Vue.extend({
   layout: 'main',
   methods: {
-    checkForm(e: any) {
+    checkForm(e: Event) {
       e.preventDefault()
       const lhsTextArea: HTMLTextAreaElement = document.getElementById(
         'lhs'

plugins/fart-remover.client.ts

@@ -1,5 +1,32 @@
+import { Plugin } from '@nuxt/types'
 import isDarkModeCookie from '~/helpers/isDarkModeCookie'
+declare module 'vue/types/vue' {
+  // this.$isDarkModeinside Vue components
+  interface Vue {
+    $isDarkMode: boolean
+  }
+}
+
+declare module '@nuxt/types' {
+  // nuxtContext.app.$isDarkModeinside asyncData, fetch, plugins, middleware, nuxtServerInit
+  interface NuxtAppOptions {
+    $isDarkMode: boolean
+  }
+  // nuxtContext.isDarkMode$
+  interface Context {
+    $isDarkMode: boolean
+  }
+}
 
-export default function (context: any, inject: any) {
+declare module 'vuex/types/index' {
+  // this.$isDarkModeinside Vuex stores
+  interface Store<S> {
+    $isDarkMode: boolean
+  }
+}
+
+const myPlugin: Plugin = (context, inject) => {
   inject('isDarkMode', isDarkModeCookie())
 }
+
+export default myPlugin