refactor: hoppscotch ui (#2887)
* feat: hopp ui initialized * feat: button components added * feat: windi css integration * chore: package removed from hopp ui * feat: storybook added * feat: move all smart components hoppscotch-ui * fix: import issue from components/smart * fix: env input component import * feat: add hoppui to windicss config * fix: remove storybook * feat: move components from hoppscotch-ui * feat: storybook added * feat: storybook progress * feat: themeing storybook * feat: add stories * chore: package updated * chore: stories added * feat: stories added * feat: stories added * feat: icons resolved * feat: i18n composable resolved * feat: histoire added * chore: resolved prettier issue * feat: radio story added * feat: story added for all components * feat: new components added to stories * fix: resolved issues * feat: readme.md added * feat: context/provider added * chore: removed app component registry * chore: remove importing of all components in hopp-ui to allow code splitting * chore: fix vite config errors * chore: jsdoc added * chore: any replaced with smart-item * chore: i18n added to ui components * chore: clean up - removed a duplicate button --------- Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com> Co-authored-by: Liyas Thomas <liyascthomas@gmail.com>
This commit is contained in:
21
packages/hoppscotch-common/src/modules/ui.ts
Normal file
21
packages/hoppscotch-common/src/modules/ui.ts
Normal file
@@ -0,0 +1,21 @@
|
||||
import { HoppModule } from "."
|
||||
import HoppUI from "./../../../hoppscotch-ui/src"
|
||||
import { HoppUIPluginOptions } from "@hoppscotch/ui/src"
|
||||
import { useKeybindingDisabler } from "~/helpers/keybindings"
|
||||
import { useI18n } from "vue-i18n"
|
||||
const { disableKeybindings, enableKeybindings } = useKeybindingDisabler()
|
||||
|
||||
const HoppUIOptions: HoppUIPluginOptions = {
|
||||
t: (key: string) => useI18n().t(key).toString(),
|
||||
onModalOpen: disableKeybindings,
|
||||
onModalClose: enableKeybindings,
|
||||
}
|
||||
|
||||
export default <HoppModule>{
|
||||
onVueAppInit(app) {
|
||||
// disable eslint for this line. it's a hack because there's some unknown type error
|
||||
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
||||
// @ts-ignore
|
||||
app.use(HoppUI, HoppUIOptions)
|
||||
},
|
||||
}
|
||||
Reference in New Issue
Block a user