Component

# Preview

Ready

- HTML
- View
- Context
- Info
- Notes

`

    <!DOCTYPE html>
    <html>

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <title>Preview Layout</title>
    </head>

    <body>

    </body>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <script src="../../components.bundle.js"></script>
    <script>
        const root = new Vue({
            el: '#vue-container'
        })
    </script>

    </html>

`
`

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <title>Preview Layout</title>
    </head>
    <body>

        {{{ yield }}}

    </body>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <script src="{{ path '/components.bundle.js' }}"></script>
    <script>
      const root = new Vue({ el: '#vue-container' })
    </script>
    </html>

`
`

    /* No context defined for this component. */

`

- Handle: @preview
- Preview:
  - With layout
  - Component only
- Filesystem Path: fractal\components\_preview.hbs

There are no notes for this item.