components/codeChecker/issueHint/NotUsingExternalResources.vue
<template>
<p class="text-base">
{{ $t('codeChecker.notUsingExternalResourcesMeans') }}
</p>
<!-- -->
<CodeCheckerIssueHintCodeBlock
class="mt-5"
:code="code"
lang="html"
/>
</template>
<script setup lang="ts">
const code = `
<!-- DON'T ❌ -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.2/p5.min.js" />
<!-- DO ✅-->
<script src="./p5.min.js" />
`
</script>