เราสามารถเรียน VueSFC ใดๆ ใน Markdown ใดๆ

Templating

{{ 1 + 1 }}

<script> and <style>

ใช้ <script> และ <style> ได้

## hello: world

<script setup>
import { ref } from 'vue'

const count = ref(0)
</script>

## Markdown Content

The count is: {{ count }}

<button :class="$style.button" @click="count++">Increment</button>

<style module>
.button {
  color: red;
  font-weight: bold;
}
</style>

Component

import vue components มาใช้ได้

<script setup>
import CustomComponent from '../components/CustomComponent.vue'
</script>

# Docs

This is a .md using a custom component

<CustomComponent />

## More docs

Escaping

Unescape in Code Blocks

Using CSS Pre-processors

Using Teleports