Library (Vue3 + Typescript + Vite)

Components, directives and plugins for Vue3 projects and some helpers methods (utils).
The library on npm

You can run the project as pnpm dev or npm run dev.

Components [@v1nt1248/3nclient-lib]

• Ui3nAutocomplete,
• Ui3nBadge,
• Ui3nBreadcrumb
• Ui3nBreadcrumbs
• Ui3nButton
• Ui3nCheckbox
• Ui3nChip
• Ui3nDialog
• Ui3nDroopFiles
• Ui3nEditable,
• Ui3nEmoji
• Ui3nIcon
• Ui3nInput
• Ui3nInputFile
• Ui3nList
• Ui3nMenu
• Ui3nNotification
• Ui3nProgressCircular
• Ui3nProgressLinear
• Ui3nRadio
• Ui3nRadioGroup
• Ui3nStepLineBar
• Ui3nSwitch
• Ui3nSlider
• Ui3nTableSortIcon
• Ui3nTable
• Ui3nTabs
• Ui3nText
• Ui3nTooltip
• Ui3nVirtualScroll

Directives [@v1nt1248/3nclient-lib]

• Ui3nHtml
• Ui3nClickOutside
• Ui3nResize
• Ui3nRipple
• Ui3nTitle
• Ui3nLongPress

Plugins [@v1nt1248/3nclient-lib/plugins]

• i18n
• dialogs
• notifications
• vue-bus

Store plugins [@v1nt1248/3nclient-lib/plugins]

• store-i18n
• store-dialogs
• store-notifications
• store-vue-bus

Constants

• emoticons
• mailReg

Composables [@v1nt1248/3nclient-lib]

• useDblClickHandler

Utils [@v1nt1248/3nclient-lib/utils]

• sqliteOn3nstorage
• round
• getRandomId
• textareaMaxRows
• selection [UI]
• markSearch [UI]
• html2text [UI]
• prepareDareAsString [UI]
• capitalize [UI]
• formatFileSize [FILES]
• getFileExtension [FILES]
• isFileImage [FILES]
• isFileVideo [FILES]
• isFileAudio [FILES]
• isFileArchive [FILES]
• blobToB64 [FILES]
• b64ToBlob [FILES]
• blobFromDataUrl [FILES]
• uint8ToDataUrl [FILES]
• resizeImage [FILES]
• createVideoThumbnail [FILES]
• mimeTypes [FILES]
• schedulerYield [PROCESS]
• TaskRunner [PROCESS]
• SingleProc [PROCESS]
• NamedProcs [PROCESS]

Installation

npm

npm i @v1nt1248/3nclient-lib

yarn

yarn add @v1nt1248/3nclient-lib

pnpm

pnpm add @v1nt1248/3nclient-lib

You also need to import the required CSS files into your main.ts:

import '@v1nt1248/3nclient-lib/variables.css';
import '@v1nt1248/3nclient-lib/style.css';