@zoo-js/layout

zoo-layout

Usage no npm install needed!

<script type="module">
  import zooJsLayout from 'https://cdn.skypack.dev/@zoo-js/layout';
</script>

README

zoo-layout

Layout for zoo-js.

install

npm install @zoo-js/layout
// or
yarn add @zoo-js/layout

use

import { createApp } from 'vue'
import Layout from '@zoo-js/layout'
createApp().use(Layout)

//jsx
const slots = {
  header: () => <div>header</div>,
  default: () => <div>main</div>
}

<Layout title={name: 'xx', url: 'xx'} extraClass="test" vSlots={slots}></Layout>

//template
<template>
  <Layout
    extraClass="test"
    title={
    name: 'xx',
    url: 'xxx'
  }>
    <div slot="header">header</div>
    <div>main</div>
  </Layout>
</template>