chore(deps): add @tailwindcss/typography

package.json

@@ -28,23 +28,22 @@
     "@iconify/vue": "^3.2.1",
     "@nuxt/kit": "npm:@nuxt/kit-edge@latest",
     "@nuxtjs/color-mode": "^3.1.4",
-    "@nuxtjs/tailwindcss": "^5.1.2",
+    "@nuxtjs/tailwindcss": "^5.1.3",
     "@popperjs/core": "^2.11.5",
     "@tailwindcss/aspect-ratio": "^0.4.0",
     "@tailwindcss/forms": "^0.5.2",
     "@tailwindcss/line-clamp": "^0.4.0",
-    "@vueuse/core": "^8.7.4",
+    "@tailwindcss/typography": "^0.5.2",
+    "@vueuse/core": "^8.7.5",
     "defu": "^6.0.0",
     "lodash-es": "^4.17.21",
-    "nanoid": "^3.3.4",
+    "tailwindcss": "^3.1.4"
-    "pathe": "^0.3.0",
-    "tailwindcss": "^3.1.3"
   },
   "devDependencies": {
     "@nuxt/module-builder": "^0.1.7",
     "@nuxtjs/eslint-config-typescript": "^10.0.0",
     "@types/lodash-es": "^4.17.6",
-    "@types/tailwindcss": "^3.0.10",
+    "@types/tailwindcss": "^3.0.11",
     "eslint": "^8.18.0",
     "nuxt": "npm:nuxt3@latest",
     "standard-version": "^9.5.0"

src/module.ts

@@ -1,6 +1,4 @@
-import { fileURLToPath } from 'url'
+import { defineNuxtModule, installModule, addComponentsDir, addTemplate, addPlugin, resolveModule, createResolver } from '@nuxt/kit'
-import { resolve } from 'pathe'
-import { defineNuxtModule, installModule, addComponentsDir, addTemplate, addPlugin, resolveModule } from '@nuxt/kit'
 import { defu, defuArrayFn } from 'defu'
 import type { TailwindConfig } from 'tailwindcss/tailwind-config'
 import colors from 'tailwindcss/colors.js'
@@ -61,8 +59,10 @@ export default defineNuxtModule<ModuleOptions>({
   async setup (options, nuxt) {
     const { preset, prefix, colors: { primary = 'indigo', gray = 'zinc' } = {}, tailwindcss: { theme = {} } = {} } = options
 
+    const { resolve } = createResolver(import.meta.url)
+
     // Transpile runtime
-    const runtimeDir = fileURLToPath(new URL('./runtime', import.meta.url))
+    const runtimeDir = resolve('./runtime')
     nuxt.options.build.transpile.push(runtimeDir)
     nuxt.options.build.transpile.push('@popperjs/core', '@headlessui/vue', '@iconify/vue')
 

src/runtime/plugins/toast.client.ts

@@ -1,4 +1,3 @@
-import { nanoid } from 'nanoid'
 import { Ref } from 'vue'
 import { defineNuxtPlugin, useState } from '#app'
 import { ToastNotification, ToastPlugin } from '../types'
@@ -8,7 +7,7 @@ export default defineNuxtPlugin((nuxtApp) => {
 
   function addNotification (notification: Partial<ToastNotification>) {
     const body = {
-      id: nanoid(),
+      id: new Date().getTime(),
       ...notification
     }