fx-module-utils

How to use?

You must install fx-module-i18n, fx-module-api and fx-module-style first!!! Please use the latest version

1. install

pnpm install fx-module-utils

2. import

// src/main.ts
import {
    disable,
    doubleClickFullScreen,
    draggable,
    focus,
    load,
} from "fx-module-utils";
import "fx-module-utils/dist/index.css"; // loading components style

app.directive("focus", focus);
app.directive("load", load);
app.directive("draggable", draggable);
app.directive("disable", disable);
app.directive("dblclick-fullscreen", doubleClickFullScreen);

3. use

<template>
    <div>
        <div>
            <input v-model="input" />
        </div>
        <div
            v-load="true"
            :loading-text="input"
            style="background: #0caa41; height: 300px"
        ></div>
        <div>{{ input }}</div>
    </div>
</template>

<script setup lang="ts">
import { ref } from "vue";

const input = ref("123");
</script>

<style scoped lang="scss"></style>

Donate wanfuxiong.com