chore: update deps

Author: elonehoo

.demo/app.config.ts

@@ -3,11 +3,11 @@ export default defineAppConfig({
   cover: '/cover.jpg',
   socials: {
     twitter: 'elonehoo',
-    github: 'elonehoo/content-unocss'
+    github: 'elonehoo/content-unocss',
   },
   prose: {
     h1: {
-      icon: 'carbon:sailboat-coastal'
-    }
-  }
+      icon: 'carbon:sailboat-coastal',
+    },
+  },
 })

.demo/content/1.index.md

@@ -113,7 +113,6 @@ This is the default content of my alert!
 
 If you want to go deeper, take a look at the [`<List>`](https://github.com/elonehoo/content-unocss/blob/main/theme/components/content/List.vue) component to see some `useUnwrap()` magic :magic_wand:
 
-
 ## Refer
 
 - [Content Wind](https://github.com/Atinux/content-wind)

.demo/nuxt.config.ts

@@ -1,3 +1,3 @@
 export default defineNuxtConfig({
-  extends: 'content-unocss'
+  extends: 'content-unocss',
 })

.demo/package.json

@@ -8,6 +8,6 @@
   },
   "dependencies": {
     "content-unocss": "workspace:*",
-    "nuxt": "^3.15.1"
+    "nuxt": "^3.15.4"
   }
 }

app.config.ts

@@ -1,12 +1,12 @@
 export default defineAppConfig({
   socials: {
     twitter: '',
-    github: ''
+    github: '',
   },
   nuxtIcon: {
     aliases: {
       'dark-mode': 'ph:moon-bold',
-      'light-mode': 'ph:sun-bold'
-    }
-  }
+      'light-mode': 'ph:sun-bold',
+    },
+  },
 })

app/router.options.ts

@@ -2,7 +2,7 @@ import type { RouterConfig } from '@nuxt/schema'
 
 // https://router.vuejs.org/api/#routeroptions
 export default <RouterConfig>{
-  scrollBehavior (to, _, savedPosition) {
+  scrollBehavior(to, _, savedPosition) {
     const nuxtApp = useNuxtApp()
 
     // If history back
@@ -21,13 +21,13 @@ export default <RouterConfig>{
 
         return window.scrollTo({
           top: heading.offsetTop,
-          behavior: 'smooth'
+          behavior: 'smooth',
         })
       })
       return
     }
 
     // Scroll to top of window
     return { top: 0 }
-  }
+  },
 }

components/AppLoadingBar.vue

@@ -1,55 +1,59 @@
 <script setup>
-import { useNuxtApp, onBeforeUnmount, reactive } from '#imports'
+import { onBeforeUnmount, reactive, useNuxtApp } from '#imports'
+
 const props = defineProps({
   throttle: {
     type: Number,
-    default: 200
+    default: 200,
   },
   duration: {
     type: Number,
-    default: 2000
+    default: 2000,
   },
   height: {
     type: Number,
-    default: 3
-  }
+    default: 3,
+  },
 })
 const nuxtApp = useNuxtApp()
 // Options & Data
 const data = reactive({
   percent: 0,
   show: false,
-  canSucceed: true
+  canSucceed: true,
 })
 // Local variables
 let _timer = null
 let _throttle = null
 let _cut
 // Functions
-function clear () {
+function clear() {
   _timer && clearInterval(_timer)
   _throttle && clearTimeout(_throttle)
   _timer = null
 }
-function start () {
-  if (data.show) { return }
+function start() {
+  if (data.show) {
+    return
+  }
   clear()
   data.percent = 0
   data.canSucceed = true
   if (props.throttle) {
     _throttle = setTimeout(startTimer, props.throttle)
-  } else {
+  }
+  else {
     startTimer()
   }
 }
-function increase (num) {
+function increase(num) {
   data.percent = Math.min(100, Math.floor(data.percent + num))
 }
-function finish () {
+function finish() {
   data.percent = 100
   hide()
 }
-function hide () {
+function hide() {
   clear()
   setTimeout(() => {
     data.show = false
@@ -58,7 +62,7 @@ function hide () {
     }, 400)
   }, 500)
 }
-function startTimer () {
+function startTimer() {
   data.show = true
   _cut = 10000 / Math.floor(props.duration)
   _timer = setInterval(() => {

components/AppSlots.vue

@@ -1,6 +1,6 @@
 <script lang="ts">
 import type { Slot, VNode } from 'vue'
-import { defineComponent, getCurrentInstance, useSlots, computed, useUnwrap, h } from '#imports'
+import { computed, defineComponent, getCurrentInstance, h, useSlots, useUnwrap } from '#imports'
 
 /**
  * ContentSlot component
@@ -10,76 +10,86 @@ export default defineComponent({
   functional: true,
   props: {
     /**
-      * A slot name or function
+     * A slot name or function
      */
     use: {
       type: Function,
-      default: undefined
+      default: undefined,
     },
     /**
      * Tags to unwrap separated by spaces
      * Example: 'ul li'
      */
     unwrap: {
       type: [Boolean, String],
-      default: false
-    }
+      default: false,
+    },
   },
-  setup (props) {
+  setup(props) {
     const { parent } = getCurrentInstance()!
     const { between, default: fallbackSlot } = useSlots()
 
     const tags = computed(() => {
-      if (typeof props.unwrap === 'string') { return props.unwrap.split(' ') }
+      if (typeof props.unwrap === 'string') {
+        return props.unwrap.split(' ')
+      }
       return ['*']
     })
 
     return {
       fallbackSlot,
       tags,
       between,
-      parent
+      parent,
     }
   },
-  render ({ use, unwrap, fallbackSlot, between, tags, parent }: any) {
+  render({ use, unwrap, fallbackSlot, between, tags, parent }: any) {
     try {
       let slot: Slot = use
       if (typeof use === 'string') {
         slot = parent?.slots[use] || parent?.parent?.slots[use]
-        // eslint-disable-next-line no-console
+
         console.warn(`Please set :use="$slots.${use}" in <ContentSlot> component to enable reactivity`)
       }
 
-      if (!slot) { return fallbackSlot ? fallbackSlot() : h('div') }
+      if (!slot) {
+        return fallbackSlot ? fallbackSlot() : h('div')
+      }
 
-      if (!unwrap) { return [slot()] }
+      if (!unwrap) {
+        return [slot()]
+      }
 
       const { flatUnwrap } = useUnwrap()
 
       const unwrapped = flatUnwrap(slot(), tags)
 
       if (between) {
         return unwrapped.flatMap(
-          (vnode, index) => index === 0 ? [vnode] : [between(), vnode]
+          (vnode, index) => index === 0 ? [vnode] : [between(), vnode],
         )
       }
 
       return unwrapped.reduce((acc, item) => {
         if (typeof item.children === 'string') {
           if (typeof acc[acc.length - 1] === 'string') {
             acc[acc.length - 1] += item.children
-          } else {
+          }
+          else {
             acc.push(item.children)
           }
-        } else {
+        }
+        else {
           acc.push(item)
         }
         return acc
       }, [] as Array<VNode | string>)
-    } catch (e) {
+    }
+    catch (e) {
       // Catching errors to allow content reactivity
+      console.error(e)
       return h('div')
     }
-  }
+  },
 })
 </script>

components/content/Alert.vue

@@ -2,8 +2,8 @@
 defineProps({
   icon: {
     type: String,
-    default: 'heroicons-outline:exclamation'
-  }
+    default: 'heroicons-outline:exclamation',
+  },
 })
 </script>
 

components/content/List.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-// Utils from Nuxt Content
-const { flatUnwrap } = useUnwrap()
 defineProps({
   icon: {
     type: String,
-    default: 'ph:check-circle-duotone'
-  }
+    default: 'ph:check-circle-duotone',
+  },
 })
+// Utils from Nuxt Content
+const { flatUnwrap } = useUnwrap()
 </script>
 
 <template>