Apply oxfmt and oxlint formatting

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: smastrom

README.md

@@ -1,8 +1,6 @@
 # Notivue
 
-## Zero-dependency, powerful, and truly customizable toast notification system for Vue.
-
-Fully typed. Works with Vite, Nuxt, and Astro.
+**Zero-dependency, powerful, and truly customizable toast notification system for Vue**
 
 [Live Demo](https://notivue.smastrom.io) - [Documentation](https://docs.notivue.smastrom.io)
 
@@ -231,8 +229,6 @@ export default defineNuxtConfig({
 
 > **Note:** Astro **6** is not supported yet.
 
-[Installation → Astro](https://docs.notivue.smastrom.io/installation/astro.html) — `createNotivue` in the Vue app entry, Notivue island, `client:only`, view transitions.
-
 ## Thanks
 
 - [Ionic Team](https://ionic.io/) for the icons

packages/notivue/Notifications/Notification.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
+import type { NotificationsProps } from 'notivue'
+
 import { unref, watch, shallowRef } from 'vue'
 
 import { Classes as Cx, DEFAULT_NOTIFICATIONS_PROPS } from './constants'
 
-import type { NotificationsProps } from 'notivue'
-
 const props = withDefaults(defineProps<NotificationsProps>(), DEFAULT_NOTIFICATIONS_PROPS)
 
 const Icon = shallowRef(props.icons[props.item.type])

packages/notivue/Notifications/constants.ts

@@ -1,4 +1,5 @@
 import { CLASS_PREFIX as CX } from '@/core/constants'
+
 import { filledIcons } from './icons'
 import { lightTheme } from './themes'
 

packages/notivue/Notifications/icons/index.ts

@@ -1,18 +1,18 @@
-import { markRaw as raw, type SVGAttributes } from 'vue'
-
-import { NotificationTypeKeys as NType } from '@/core/constants'
-
-import SuccessIcon from './SuccessIcon.vue'
+import CloseIcon from './CloseIcon.vue'
 import ErrorIcon from './ErrorIcon.vue'
-import InfoIcon from './InfoIcon.vue'
-import SuccessOutlineIcon from './SuccessOutlineIcon.vue'
 import ErrorOutlineIcon from './ErrorOutlineIcon.vue'
+import InfoIcon from './InfoIcon.vue'
 import InfoOutlineIcon from './InfoOutlineIcon.vue'
 import PromiseIcon from './PromiseIcon.vue'
-import CloseIcon from './CloseIcon.vue'
+import SuccessIcon from './SuccessIcon.vue'
+import SuccessOutlineIcon from './SuccessOutlineIcon.vue'
 
 import type { NotivueIcons } from 'notivue'
 
+import { markRaw as raw, type SVGAttributes } from 'vue'
+
+import { NotificationTypeKeys as NType } from '@/core/constants'
+
 export const svgProps: SVGAttributes = {
    xmlns: 'http://www.w3.org/2000/svg',
    viewBox: '0 0 24 24',

packages/notivue/Notifications/themes.ts

@@ -3,12 +3,15 @@ import type { NotivueTheme } from 'notivue'
 /** Duplicate `--nv-promise-*` as `--nv-loading-*` when missing (deprecated alias support). */
 function withLoadingColorAliases<T extends NotivueTheme>(theme: T): T {
    const out = { ...theme } as Record<string, string>
+
    for (const [k, v] of Object.entries(theme)) {
       if (k.startsWith('--nv-promise')) {
          const lk = k.replace('--nv-promise', '--nv-loading')
+
          if (out[lk] === undefined) out[lk] = v
       }
    }
+
    return out as T
 }
 

packages/notivue/Notifications/types.ts

@@ -1,6 +1,5 @@
-import type { Component } from 'vue'
-
 import type { NotificationType, NotivueItem } from 'notivue'
+import type { Component } from 'vue'
 
 export interface NotificationsProps {
    item: NotivueItem

packages/notivue/Notivue/AriaLive.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { getAriaLabel as getAriaLiveContent } from './utils'
-
 import type { NotivueItem } from 'notivue'
 import type { CSSProperties } from 'vue'
 
+import { getAriaLabel as getAriaLiveContent } from './utils'
+
 const props = defineProps<{
    item: NotivueItem
 }>()

packages/notivue/Notivue/Notivue.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { useNotivueInstance } from '@/core/useStore'
-import { DEFAULT_PROPS } from './constants'
-
-import { NotivueClientOnly } from '@/shared/ClientOnly'
-
 import NotivueImpl from './NotivueImpl.vue'
 
 import type { NotivueComponentSlot, NotivueProps } from 'notivue'
 
+import { useNotivueInstance } from '@/core/useStore'
+import { NotivueClientOnly } from '@/shared/ClientOnly'
+
+import { DEFAULT_PROPS } from './constants'
+
 const props = withDefaults(defineProps<NotivueProps>(), DEFAULT_PROPS)
 
 const { isRunning } = useNotivueInstance()

packages/notivue/Notivue/NotivueImpl.vue

@@ -1,23 +1,23 @@
 <script setup lang="ts">
-import { Teleport } from 'vue'
-
 import AriaLive from './AriaLive.vue'
 
+import type { NotivueProps, NotivueComponentSlot } from 'notivue'
+
+import { Teleport } from 'vue'
+
 import { useStore } from '@/core/useStore'
 import { getSlotItem } from '@/core/utils'
 
+import { DEFAULT_PROPS } from './constants'
+
 import { useFocusEvents } from './composables/useFocusEvents'
 import { useMouseEvents } from './composables/useMouseEvents'
-import { useTouchEvents } from './composables/useTouchEvents'
 import { useNotivueStyles } from './composables/useNotivueStyles'
+import { useReducedMotion } from './composables/useReducedMotion'
 import { useSizes } from './composables/useSizes'
+import { useTouchEvents } from './composables/useTouchEvents'
 import { useWindowFocus } from './composables/useWindowFocus'
-import { useReducedMotion } from './composables/useReducedMotion'
-
 import { getAriaLabel } from './utils'
-import { DEFAULT_PROPS } from './constants'
-
-import type { NotivueProps, NotivueComponentSlot } from 'notivue'
 
 // Props
 

packages/notivue/Notivue/composables/useMouseEvents.ts

@@ -1,7 +1,7 @@
 import { computed } from 'vue'
 
-import { isMouse } from '@/Notivue/utils'
 import { useStore } from '@/core/useStore'
+import { isMouse } from '@/Notivue/utils'
 
 export function useMouseEvents() {
    const { timeouts, config } = useStore()