F-input-text NPM

Fasa Input Text

Installation

npm i f-input-text@latest

Usage

You should have Quasar framework insalled in order to use this package.

Your main.js file should be something like this.

import { createApp } from "vue";
import App from "./App.vue";
import { Quasar } from "quasar";
import quasarUserOptions from "./quasar-user-options";
import FInputText from "f-input-text";

const app = createApp(App).use(Quasar, quasarUserOptions);
app.component('f-input-text', FInputText);
app.mount('#app');

Now the package is available to all your project, let's take a look on how to use it in your components.

Using the package in your component

<f-input-text
    label="First Name"
    v-model.trim="v$.form.firstName.$model"
    :errors="v$.form.firstName.$errors"
></f-input-text>

Builds

There are three builds available.

dist/v-switch.cjs,js: for SSR in node.js (using require)
dist/v-switch.esm-bundler.js: for bundlers like Webpack and Rollup
- also works as an ES module in the browser using <script type="module">
dist/v-switch.browser.js: global build (iife)

Type definitions are also included.

Generally your build tool will be able to figure out which bundle to use, but you can be explicit if you need to.