Update ko (#74)

* docs: fix banner offset

* docs: extra note

* docs: fix minor typo in nuxt.md (vuejs#2548)

docs/.vitepress/theme/components/VueMasteryBanner.vue

@@ -269,7 +269,7 @@ onMounted(() => {
 
 <style>
 html.vuemastery-menu-fixed {
-  --vt-banner-height: 70px;
+  --vp-layout-top-height: 70px;
 }
 html.vuemastery-menu-fixed .VPNav,
 html.vuemastery-menu-fixed .VPSidebar {

docs/cookbook/composables.md

@@ -34,7 +34,7 @@ import { defineStore, skipHydrate } from 'pinia'
 import { useMediaControls } from '@vueuse/core'
 
 export const useVideoPlayer = defineStore('video', () => {
-  // 이 요소를 직접 노출하지 않습니다
+  // 이 요소를 직접 노출(반환)하지 않습니다
   const videoElement = ref<HTMLVideoElement>()
   const src = ref('/data/video.mp4')
   const { playing, volume, currentTime, togglePictureInPicture } =
@@ -57,6 +57,10 @@ export const useVideoPlayer = defineStore('video', () => {
 })
 ```
 
+:::warning
+`ref<HTMLVideoElement>()`은 일반 상태와 달리 DOM 요소에 대한 직렬화할 수 없는 참조를 포함합니다. 이것이 우리가 직접 반환하지 않는 이유입니다. 클라이언트 전용 상태이므로 서버에서 설정되지 않으며 클라이언트에서 **항상** `undefined`로 시작할 것임을 알고 있습니다.
+:::
+
 ## SSR
 
 [Server Side Rendering](../ssr/index.md)을 다룰 때는 스토어 내에서 Composable을 사용하기 위해 몇 가지 추가 단계를 고려해야 합니다.

docs/ssr/nuxt.md

@@ -38,7 +38,7 @@ export default defineNuxtConfig({
 
 ## 페이지에서 작업 대기 %{#awaiting-for-actions-in-pages}%
 
-`onServerPrefetch()`와 마찬가지로, `asyncData()` 내에서 스토어 액션을 호출할 수 있습니다. `useASyncData()`의 작동 방식을 고려할 때, **반드시 값을 반환해야 합니다**. 이렇게 하면 Nuxt가 클라이언트 측에서 액션을 실행하지 않고 서버에서의 값을 재사용할 수 있습니다.
+`onServerPrefetch()`와 마찬가지로, `asyncData()` 내에서 스토어 액션을 호출할 수 있습니다. `useAsyncData()`의 작동 방식을 고려할 때, **반드시 값을 반환해야 합니다**. 이렇게 하면 Nuxt가 클라이언트 측에서 액션을 실행하지 않고 서버에서의 값을 재사용할 수 있습니다.
 
 ```vue{3-4}
 <script setup>