revert
This commit is contained in:
@@ -8,13 +8,6 @@ hljs.registerLanguage("python", python)
|
|||||||
hljs.registerLanguage("c", c)
|
hljs.registerLanguage("c", c)
|
||||||
|
|
||||||
const props = defineProps<{ exercise: Exercise; lang?: string }>()
|
const props = defineProps<{ exercise: Exercise; lang?: string }>()
|
||||||
|
|
||||||
function renderInlineCode(s: string): string {
|
|
||||||
return s.replace(
|
|
||||||
/`([^`]+)`/g,
|
|
||||||
(_, code) => `<code style="background:rgba(127,127,127,0.12);padding:2px 6px;border-radius:4px;font-family:Monaco,monospace;font-size:14px">${code.replace(/</g, '<').replace(/>/g, '>')}</code>`,
|
|
||||||
)
|
|
||||||
}
|
|
||||||
const data = computed(() => props.exercise.data as ExerciseFillData)
|
const data = computed(() => props.exercise.data as ExerciseFillData)
|
||||||
|
|
||||||
type CodeSeg = { type: "code"; html: string }
|
type CodeSeg = { type: "code"; html: string }
|
||||||
@@ -101,7 +94,7 @@ function inputWidth(idx: number): string {
|
|||||||
>
|
>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<p style="font-weight: 500; font-size: 16px; margin-bottom: 12px" v-html="renderInlineCode(data.question)" />
|
<p style="font-weight: 500; font-size: 16px; margin-bottom: 12px">{{ data.question }}</p>
|
||||||
|
|
||||||
<pre
|
<pre
|
||||||
:style="{
|
:style="{
|
||||||
|
|||||||
@@ -2,13 +2,6 @@
|
|||||||
import { Exercise, ExerciseMcqData } from "utils/types"
|
import { Exercise, ExerciseMcqData } from "utils/types"
|
||||||
|
|
||||||
const props = defineProps<{ exercise: Exercise }>()
|
const props = defineProps<{ exercise: Exercise }>()
|
||||||
|
|
||||||
function renderInlineCode(s: string): string {
|
|
||||||
return s.replace(
|
|
||||||
/`([^`]+)`/g,
|
|
||||||
(_, code) => `<code style="background:rgba(127,127,127,0.12);padding:2px 6px;border-radius:4px;font-family:Monaco,monospace;font-size:14px">${code.replace(/</g, '<').replace(/>/g, '>')}</code>`,
|
|
||||||
)
|
|
||||||
}
|
|
||||||
const data = computed(() => props.exercise.data as ExerciseMcqData)
|
const data = computed(() => props.exercise.data as ExerciseMcqData)
|
||||||
const isSingle = computed(() => data.value.answer.length === 1)
|
const isSingle = computed(() => data.value.answer.length === 1)
|
||||||
|
|
||||||
@@ -81,7 +74,7 @@ function optionType(idx: number): "default" | "primary" | "success" {
|
|||||||
</n-space>
|
</n-space>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<p style="font-weight: 500; font-size: 16px; margin-bottom: 12px" v-html="renderInlineCode(data.question)" />
|
<p style="font-weight: 500; font-size: 16px; margin-bottom: 12px">{{ data.question }}</p>
|
||||||
|
|
||||||
<n-space vertical :size="8">
|
<n-space vertical :size="8">
|
||||||
<n-button
|
<n-button
|
||||||
@@ -103,7 +96,7 @@ function optionType(idx: number): "default" | "primary" | "success" {
|
|||||||
String.fromCharCode(65 + idx)
|
String.fromCharCode(65 + idx)
|
||||||
}}</span>
|
}}</span>
|
||||||
</template>
|
</template>
|
||||||
<span v-html="renderInlineCode(opt)" />
|
{{ opt }}
|
||||||
</n-button>
|
</n-button>
|
||||||
</n-space>
|
</n-space>
|
||||||
|
|
||||||
|
|||||||
@@ -8,13 +8,6 @@ hljs.registerLanguage("python", python)
|
|||||||
hljs.registerLanguage("c", c)
|
hljs.registerLanguage("c", c)
|
||||||
|
|
||||||
const props = defineProps<{ exercise: Exercise; lang?: string }>()
|
const props = defineProps<{ exercise: Exercise; lang?: string }>()
|
||||||
|
|
||||||
function renderInlineCode(s: string): string {
|
|
||||||
return s.replace(
|
|
||||||
/`([^`]+)`/g,
|
|
||||||
(_, code) => `<code style="background:rgba(127,127,127,0.12);padding:2px 6px;border-radius:4px;font-family:Monaco,monospace;font-size:14px">${code.replace(/</g, '<').replace(/>/g, '>')}</code>`,
|
|
||||||
)
|
|
||||||
}
|
|
||||||
const data = computed(() => props.exercise.data as ExerciseSortData)
|
const data = computed(() => props.exercise.data as ExerciseSortData)
|
||||||
|
|
||||||
type LineItem = { originalIdx: number; text: string }
|
type LineItem = { originalIdx: number; text: string }
|
||||||
@@ -117,7 +110,7 @@ const lineHtmlMap = computed<Record<number, string>>(() => {
|
|||||||
>
|
>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<p style="font-weight: 500; font-size: 16px; margin-bottom: 12px" v-html="renderInlineCode(data.question)" />
|
<p style="font-weight: 500; font-size: 16px; margin-bottom: 12px">{{ data.question }}</p>
|
||||||
|
|
||||||
<n-space vertical :size="6">
|
<n-space vertical :size="6">
|
||||||
<div
|
<div
|
||||||
|
|||||||
Reference in New Issue
Block a user