chore: update deps

2021-04-29/src/components/Connections.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { computed, ref, watch } from 'vue'
 import { autoResetRef } from '@vueuse/core'
+import { computed, ref, watch } from 'vue'
 
 const a = ref(2)
 const b = ref(4)

2021-04-29/src/slides.md

@@ -424,7 +424,7 @@ export function useTimeAgo(
 ```
 
 ```ts {monaco}
-import { Ref, computed, unref } from 'vue'
+import { computed, Ref, unref } from 'vue'
 
 type MaybeRef<T> = Ref<T> | T
 
@@ -463,8 +463,8 @@ title.value = 'Hello World'
 ###### Binding an Existing Ref
 
 ```ts {monaco}
-import { computed, ref } from 'vue'
 import { useTitle } from '@vueuse/core'
+import { computed, ref } from 'vue'
 
 const name = ref('Hello')
 const title = computed(() => {
@@ -492,8 +492,8 @@ Take a look at `useTitle`'s implementation
 <v-clicks>
 
 ```ts {monaco}
-import { ref, watch } from 'vue'
 import { MaybeRef } from '@vueuse/core'
+import { ref, watch } from 'vue'
 
 export function useTitle(
   newTitle: MaybeRef<string | null | undefined>
@@ -1064,8 +1064,8 @@ layout: center
 Composition API support for Vue 2.<br><carbon-logo-github class="inline-block"/> [vuejs/composition-api](https://github.com/vuejs/composition-api)
 
 ```ts
-import Vue from 'vue'
 import VueCompositionAPI from '@vue/composition-api'
+import Vue from 'vue'
 
 Vue.use(VueCompositionAPI)
 ```

2021-05-22/src/components/Connections.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { computed, ref, watch } from 'vue'
 import { autoResetRef } from '@vueuse/core'
+import { computed, ref, watch } from 'vue'
 
 const a = ref(2)
 const b = ref(4)

2021-05-22/src/slides.md

@@ -523,7 +523,7 @@ export function useTimeAgo(
 ```
 
 ```ts
-import { Ref, computed, unref } from 'vue'
+import { computed, Ref, unref } from 'vue'
 
 type MaybeRef<T> = Ref<T> | T
 
@@ -562,8 +562,8 @@ title.value = 'Hello World'
 ###### 绑定上一个现有的 Ref
 
 ```ts
-import { computed, ref } from 'vue'
 import { useTitle } from '@vueuse/core'
+import { computed, ref } from 'vue'
 
 const name = ref('Hello')
 const title = computed(() => {
@@ -591,8 +591,8 @@ name.value = 'Hi' // Hi - World
 <v-clicks>
 
 ```ts {monaco}
-import { ref, watch } from 'vue'
 import { MaybeRef } from '@vueuse/core'
+import { ref, watch } from 'vue'
 
 export function useTitle(
   newTitle: MaybeRef<string | null | undefined>
@@ -1162,8 +1162,8 @@ layout: center
 为 Vue 2 提供组合式 API 的插件。<br><carbon-logo-github class="inline-block"/> [vuejs/composition-api](https://github.com/vuejs/composition-api)
 
 ```ts
-import Vue from 'vue'
 import VueCompositionAPI from '@vue/composition-api'
+import Vue from 'vue'
 
 Vue.use(VueCompositionAPI)
 ```

2021-10-17/src/slides.md

@@ -857,8 +857,8 @@ function render(_ctx, _cache) {
 ```ts {2-4}
 import { resolveComponent as _resolveComponent } from 'vue'
 import _component_my_button from '../components/MyButton.vue'
-import _component_my_input from '../components/MyInput.vue'
 import _component_my_container from '../components/MyContainer.vue'
+import _component_my_input from '../components/MyInput.vue'
 
 function render(_ctx, _cache) {
   return () => { /* ... */ }

2021-10-20/src/slides.md

@@ -857,8 +857,8 @@ After:
 ```ts {2-4}
 import { resolveComponent as _resolveComponent } from 'vue'
 import _component_my_button from '../components/MyButton.vue'
-import _component_my_input from '../components/MyInput.vue'
 import _component_my_container from '../components/MyContainer.vue'
+import _component_my_input from '../components/MyInput.vue'
 
 function render(_ctx, _cache) {
   return () => { /* ... */ }

2023-02-09/src/unocss.config.ts

@@ -1,5 +1,5 @@
-import { defineConfig } from 'unocss/vite'
 import config from '@slidev/client/uno.config'
+import { defineConfig } from 'unocss/vite'
 
 export default defineConfig({
   ...config,

2023-05-25/src/unocss.config.ts

@@ -1,5 +1,5 @@
-import { defineConfig } from 'unocss/vite'
 import config from '@slidev/client/uno.config'
+import { defineConfig } from 'unocss/vite'
 
 export default defineConfig({
   ...config,

2023-10-05/src/components/ViteEco.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 /// <reference types="vite/client" />
 
-import { computed, onActivated, ref } from 'vue'
 import { useNow } from '@vueuse/core'
+import { computed, onActivated, ref } from 'vue'
 
 const imagesRecord = import.meta.glob('../public/ecosystem/*.{svg,png}', { eager: true, as: 'url' })
 const images = Object.values(imagesRecord)

2023-10-05/src/unocss.config.ts

@@ -1,6 +1,6 @@
-import { defineConfig } from 'unocss/vite'
 import config from '@slidev/client/uno.config'
 import { presetWebFonts } from 'unocss'
+import { defineConfig } from 'unocss/vite'
 
 export default defineConfig({
   ...config,

2023-10-18/src/unocss.config.ts

@@ -1,6 +1,6 @@
-import { defineConfig } from 'unocss/vite'
-import { presetWebFonts } from 'unocss'
 import config from '@slidev/client/uno.config'
+import { presetWebFonts } from 'unocss'
+import { defineConfig } from 'unocss/vite'
 
 export default defineConfig({
   ...config,

2023-10-28/src/components/ViteEco.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 /// <reference types="vite/client" />
 
-import { computed, onActivated, ref } from 'vue'
 import { useNow } from '@vueuse/core'
+import { computed, onActivated, ref } from 'vue'
 
 const imagesRecord = import.meta.glob('../public/ecosystem/*.{svg,png}', { eager: true, as: 'url' })
 const images = Object.values(imagesRecord)

2024-02-29/src/global-bottom.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { useNav } from '@slidev/client'
+import seedrandom from 'seedrandom'
 /**
  * A new glow effect system powered by blured polygons
  *
@@ -11,8 +13,6 @@
  * - glowSeed: string | false - Seed for the stable random distribution (default: 'default')
  */
 import { computed, ref, watch } from 'vue'
-import { useNav } from '@slidev/client'
-import seedrandom from 'seedrandom'
 
 const { currentSlideRoute } = useNav()
 

2024-03-22/src/components/ViteEco.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 /// <reference types="vite/client" />
 
-import { computed, onActivated, ref } from 'vue'
 import { useNow } from '@vueuse/core'
+import { computed, onActivated, ref } from 'vue'
 
 const imagesRecord = import.meta.glob('../public/ecosystem/*.{svg,png}', { eager: true, as: 'url' })
 const images = Object.values(imagesRecord)

2024-03-22/src/global-bottom.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { useNav } from '@slidev/client'
+import seedrandom from 'seedrandom'
 /**
  * A new glow effect system powered by blured polygons
  *
@@ -11,8 +13,6 @@
  * - glowSeed: string | false - Seed for the stable random distribution (default: 'default')
  */
 import { computed, ref, watch } from 'vue'
-import { useNav } from '@slidev/client'
-import seedrandom from 'seedrandom'
 
 const { currentSlideRoute } = useNav()
 

2024-03-22/src/unocss.config.ts

@@ -1,6 +1,6 @@
-import { defineConfig } from 'unocss/vite'
 import config from '@slidev/client/uno.config'
 import { presetWebFonts } from 'unocss'
+import { defineConfig } from 'unocss/vite'
 
 export default defineConfig({
   ...config,

2024-03-22/src/vite.config.ts

@@ -1,6 +1,6 @@
+import MarkdownItMagicLink from 'markdown-it-magic-link'
 import { defineConfig } from 'vite'
 import '@slidev/cli'
-import MarkdownItMagicLink from 'markdown-it-magic-link'
 
 export default defineConfig({
   slidev: {

2024-06-08/src/components/Timeline.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { onMounted, ref, watch } from 'vue'
 import { DataSet, Timeline } from 'vis-timeline/standalone'
+import { onMounted, ref, watch } from 'vue'
 
 const el = ref<HTMLElement | null>(null)
 

2024-06-08/src/global-bottom.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { useNav } from '@slidev/client'
+import seedrandom from 'seedrandom'
 /**
  * A new glow effect system powered by blured polygons
  *
@@ -11,8 +13,6 @@
  * - glowSeed: string | false - Seed for the stable random distribution (default: 'default')
  */
 import { computed, ref, watch } from 'vue'
-import { useNav } from '@slidev/client'
-import seedrandom from 'seedrandom'
 
 const { currentSlideRoute } = useNav()
 

2024-06-08/src/slides.md

@@ -230,8 +230,8 @@ For those who haven't on the Flat config yet, in today's talk, I am here to tell
 // eslint.config.js
 import eslint from '@eslint/js'
 import typescript from '@eslint-typescript/eslint-plugin'
-import vue from 'eslint-plugin-vue'
 import n from 'eslint-plugin-n'
+import vue from 'eslint-plugin-vue'
 
 export default [ // export an array of configs
   eslint.configs.recommended,
@@ -404,10 +404,10 @@ npx @eslint/migrate-config .eslintrc.json
 <span i-carbon:arrow-right mt-40 />
 
 ```js
+import { FlatCompat } from '@eslint/eslintrc'
+import _import from 'eslint-plugin-import'
 // eslint.config.mjs
 import prettier from 'eslint-plugin-prettier'
-import _import from 'eslint-plugin-import'
-import { FlatCompat } from '@eslint/eslintrc'
 
 const compat = new FlatCompat()
 export default [
@@ -540,9 +540,9 @@ In another tab, you can also browse each rule available, given the plugins you h
 
 ```ts {*|*|7-9|10-17}{at:3}
 import eslint from '@eslint/js'
-import typescript from 'typescript-eslint'
 import unocss from '@unocss/eslint-plugin'
 import vue from 'eslint-plugin-vue'
+import typescript from 'typescript-eslint'
 
 export default [
   eslint.configs.recommended,
@@ -566,11 +566,11 @@ export default [
 <div v-after>
 
 ```ts {*|1,7|8-10|11-21}{at:3}
-import { compose } from 'eslint-flat-config-utils'
 import eslint from '@eslint/js'
-import typescript from 'typescript-eslint'
 import unocss from '@unocss/eslint-plugin'
+import { compose } from 'eslint-flat-config-utils'
 import vue from 'eslint-plugin-vue'
+import typescript from 'typescript-eslint'
 
 export default compose(
   eslint.configs.recommended,

2024-06-13/src/components/Timeline.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { onMounted, ref, watch } from 'vue'
 import { DataSet, Timeline } from 'vis-timeline/standalone'
+import { onMounted, ref, watch } from 'vue'
 
 const el = ref<HTMLElement | null>(null)
 

2024-06-13/src/global-bottom.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { useNav } from '@slidev/client'
+import seedrandom from 'seedrandom'
 /**
  * A new glow effect system powered by blured polygons
  *
@@ -11,8 +13,6 @@
  * - glowSeed: string | false - Seed for the stable random distribution (default: 'default')
  */
 import { computed, ref, watch } from 'vue'
-import { useNav } from '@slidev/client'
-import seedrandom from 'seedrandom'
 
 const { currentSlideRoute } = useNav()
 

2024-06-13/src/slides.md

@@ -223,8 +223,8 @@ For those who haven't on the Flat config yet, in today's talk, I am here to tell
 // eslint.config.js
 import eslint from '@eslint/js'
 import typescript from '@eslint-typescript/eslint-plugin'
-import vue from 'eslint-plugin-vue'
 import n from 'eslint-plugin-n'
+import vue from 'eslint-plugin-vue'
 
 export default [ // export an array of configs
   eslint.configs.recommended,
@@ -335,10 +335,10 @@ npx @eslint/migrate-config .eslintrc.json
 <span i-carbon:arrow-right mt-40 />
 
 ```js
+import { FlatCompat } from '@eslint/eslintrc'
+import _import from 'eslint-plugin-import'
 // eslint.config.mjs
 import prettier from 'eslint-plugin-prettier'
-import _import from 'eslint-plugin-import'
-import { FlatCompat } from '@eslint/eslintrc'
 
 const compat = new FlatCompat()
 export default [
@@ -474,9 +474,9 @@ In another tab, you can also browse each rule available, given the plugins you h
 
 ```ts {*|*|7-9|10-17}{at:3}
 import eslint from '@eslint/js'
-import typescript from 'typescript-eslint'
 import unocss from '@unocss/eslint-plugin'
 import vue from 'eslint-plugin-vue'
+import typescript from 'typescript-eslint'
 
 export default [
   eslint.configs.recommended,
@@ -500,11 +500,11 @@ export default [
 <div v-after>
 
 ```ts {*|1,7|8-10|11-21}{at:3}
-import { compose } from 'eslint-flat-config-utils'
 import eslint from '@eslint/js'
-import typescript from 'typescript-eslint'
 import unocss from '@unocss/eslint-plugin'
+import { compose } from 'eslint-flat-config-utils'
 import vue from 'eslint-plugin-vue'
+import typescript from 'typescript-eslint'
 
 export default compose(
   eslint.configs.recommended,

2024-06-14/src/components/ViteEco.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 /// <reference types="vite/client" />
 
-import { computed, onActivated, ref } from 'vue'
 import { useNow } from '@vueuse/core'
+import { computed, onActivated, ref } from 'vue'
 
 const imagesRecord = import.meta.glob('../public/ecosystem/*.{svg,png}', { eager: true, as: 'url' })
 const images = Object.values(imagesRecord)

2024-06-14/src/global-bottom.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { useNav } from '@slidev/client'
+import seedrandom from 'seedrandom'
 /**
  * A new glow effect system powered by blured polygons
  *
@@ -11,8 +13,6 @@
  * - glowSeed: string | false - Seed for the stable random distribution (default: 'default')
  */
 import { computed, ref, watch } from 'vue'
-import { useNav } from '@slidev/client'
-import seedrandom from 'seedrandom'
 
 const { currentSlideRoute } = useNav()