add rank.

src/shared/composables/chart.ts

@@ -1,28 +1,28 @@
-import {
-  Chart as ChartJS,
-  Title,
-  Colors,
-  Tooltip,
-  Legend,
-  BarElement,
-  ArcElement,
-  CategoryScale,
-  LinearScale,
-} from "chart.js"
-
-const [isLoaded] = useToggle()
-
-export function loadChart() {
-  if (isLoaded.value) return
-  ChartJS.register(
-    CategoryScale,
-    LinearScale,
-    BarElement,
-    ArcElement,
-    Colors,
-    Title,
-    Tooltip,
-    Legend
-  )
-  isLoaded.value = true
-}
+import {
+  Chart as ChartJS,
+  Title,
+  Colors,
+  Tooltip,
+  Legend,
+  BarElement,
+  ArcElement,
+  CategoryScale,
+  LinearScale,
+} from "chart.js"
+
+const [isLoaded] = useToggle()
+
+export function loadChart() {
+  if (isLoaded.value) return
+  ChartJS.register(
+    CategoryScale,
+    LinearScale,
+    BarElement,
+    ArcElement,
+    Colors,
+    Title,
+    Tooltip,
+    Legend
+  )
+  isLoaded.value = true
+}

src/shared/composables/learn.ts

@@ -1 +1 @@
-export const code = ref("")
+export const code = ref("")

src/shared/composables/monaco.ts

@@ -1,19 +1,19 @@
-import loader, { Monaco } from "@monaco-editor/loader"
-
-export const monaco = ref<Monaco>()
-
-export async function init() {
-  loader.config({
-    paths: { vs: "https://cdn.staticfile.org/monaco-editor/0.34.1/min/vs" },
-    "vs/nls": { availableLanguages: { "*": "zh-cn" } },
-  })
-
-  const [m, light, dark] = await Promise.all([
-    loader.init(),
-    fetch("/light.json").then((t) => t.json()),
-    fetch("/dark.json").then((t) => t.json()),
-  ])
-  monaco.value = m
-  monaco.value.editor.defineTheme("light", light)
-  monaco.value.editor.defineTheme("dark", dark)
-}
+import loader, { Monaco } from "@monaco-editor/loader"
+
+export const monaco = ref<Monaco>()
+
+export async function init() {
+  loader.config({
+    paths: { vs: "https://cdn.staticfile.org/monaco-editor/0.34.1/min/vs" },
+    "vs/nls": { availableLanguages: { "*": "zh-cn" } },
+  })
+
+  const [m, light, dark] = await Promise.all([
+    loader.init(),
+    fetch("/light.json").then((t) => t.json()),
+    fetch("/dark.json").then((t) => t.json()),
+  ])
+  monaco.value = m
+  monaco.value.editor.defineTheme("light", light)
+  monaco.value.editor.defineTheme("dark", dark)
+}