canna-ui-vue

This is a component library in vue3.0 ant-design-vue secondary packaging

use

shims-vue.d.ts
    declare module 'canna-ui-vue'

main.ts
    import { createApp } from 'vue'
    import App from './App.vue'
    import router from './router'
    import Antd from 'ant-design-vue'
    import 'ant-design-vue/dist/antd.css'
    import CannaUI from 'canna-ui-vue'
    import 'canna-ui-vue/dist/style.css'

    const app = createApp(App)
    app.use(router)
    app.use(Antd)
    app.use(CannaUI)
    app.mount('#app')


App.vue
    <template>
        <canna-layout
            baseUrl="/canna-web"
            :menuList="menuList"
            logoSmall="https://cdn.ingeek.com/aladdin/logo-small.png"
            logoDark="https://cdn.ingeek.com/aladdin/logo-dark.png"
        >
            <template v-slot:right>
            <div style="height: 100%; padding: 0 20px">
                <a-avatar
                src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
                />leo
            </div>
            </template>
            <router-view></router-view>
        </canna-layout>
    </template>
    <script lang="ts">
        import { defineComponent } from "vue";
        import menuList from "./menuList";
        export default defineComponent({
            setup() {
                return {
                    menuList,
                };
            },
        });
    </script>

release

npm publish