docs: update

Author: liihuu

.nvmrc

@@ -1 +1 @@
-v21
+v24

docs/@components/ChartPreview.vue

@@ -181,7 +181,7 @@ onMounted(() => {
                 [t.stringLiteral(props.chartId)]
               )
             )
-            path.insertBefore(postMessageFun);
+            path.insertBefore(postMessageFun)
           }
         }
       })

docs/@components/Loading.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="loading">
-    <div class="loader"></div>
+    <div class="loader"/>
   </div>
 </template>
 
@@ -17,6 +17,7 @@
   width: 100%;
   height: 100%;
   z-index: 10;
+  background-color: var(--vp-code-block-bg);
 }
 
 .loader {

docs/@views/api/samples/convertFromPixel/index.vue

@@ -6,5 +6,6 @@ import { data } from './index.data'
 <template>
   <ChartPreview
     chartId="convertFromPixel-chart"
+    title="convertFromPixel"
     :code="data.js"/>
 </template>

docs/@views/api/samples/convertToPixel/index.vue

@@ -5,6 +5,7 @@ import { data } from './index.data'
 
 <template>
   <ChartPreview
+    title="convertToPixel"
     chartId="convertToPixel-chart"
     :code="data.js"/>
 </template>

docs/@views/api/samples/createIndicator-basic/index.vue

@@ -5,6 +5,7 @@ import { data } from './index.data'
 
 <template>
   <ChartPreview
+    title="createIndicator-basic"
     chartId="createIndicator-basic-chart"
     :code="data.js"/>
 </template>

docs/@views/api/samples/createIndicator-object/index.vue

@@ -5,6 +5,7 @@ import { data } from './index.data'
 
 <template>
   <ChartPreview
+    title="createIndicator-object"
     chartId="createIndicator-object-chart"
     :code="data.js"/>
 </template>

docs/@views/api/samples/createIndicator-paneOptions-axis/index.vue

@@ -5,6 +5,7 @@ import { data } from './index.data'
 
 <template>
   <ChartPreview
+    title="createIndicator-paneOptions-axis"
     chartId="createIndicator-paneOptions-axis-chart"
     :code="data.js"/>
 </template>

docs/@views/api/samples/createIndicator-paneOptions-basic/index.vue

@@ -5,6 +5,7 @@ import { data } from './index.data'
 
 <template>
   <ChartPreview
+    title="createIndicator-paneOptions-basic"
     chartId="createIndicator-paneOptions-basic-chart"
     :code="data.js"/>
 </template>

docs/@views/api/samples/createIndicator-stack/index.vue

@@ -5,6 +5,7 @@ import { data } from './index.data'
 
 <template>
   <ChartPreview
+    title="createIndicator-stack"
     chartId="createIndicator-stack-chart"
     :code="data.js"/>
 </template>