Building 🔥 Components

Sync

14. Juli 2023July 14, 2023 · 1 Min. Lesezeit1 min read

Making your own components#

To make a component make a file in the components folder for this example it will be called YourComponentName.vue .

    <template>
        <p> This is a new component </p>
    </template>
    
    <script setup>
    
    </script>

From now on you can reference this component in your markdown files or pages.

MDC Page Usage

    ---
    title: 'Flamewerk'
    description: 'meta description of the page'
    ---
    :ComponentsYourComponentName

How to wrap Content in a component:#

    <template>
        <slot />
    </template>
    
    <script setup>
    
    </script>


    ---
    title: 'Flamewerk'
    description: 'meta description of the page'
    ---
    ::ComponentsYourComponentName
    
    This Text will be loaded in de slot component
    
    ::

Blocks#

Prebuild Flamewerk Components ( Do Not Edit in this folder )

Written by

Comments

No comments yet. Start the conversation.