This is the UI components and modules to support the frontend development for [Crawlab](https://github.com/crawlab-team/crawlab).
npm install crawlab-uiThis is the UI components and modules to support the frontend development
for Crawlab.
Use npm or yarn to install crawlab-ui.
``npm
npm install crawlab-ui -S
How to Use
It is similar to Element-Plus, you can import components from
Crawlab-UI. Crawlab-UI is built based on Element-Plus so that you can comfortably use it with Element-Plus.
$3
Below is an example of entry file (main.ts) using Crawlab-UI globally.
`ts
import {createApp} from 'vue';
import CrawlabUI from 'crawlab-ui';const app = createApp(App);
app
.use(CrawlabUI) // install globally
.mount('#app');
`Below is an example of using globally installed Crawlab-UI in a Vue 3 component.
`vue
`$3
Below is an example of using standalone components in a Vue 3 component.
`vue
`$3
Crawlab-UI has a built-in web application for Crawlab frontend. You can simply use it to start Crawlab frontend Vue 3
SPA.
`ts
// index.ts or index.js or other entry file
import {createApp} from 'crawlab-ui';createApp();
`And that's it! After you build or start serving it, you can view the Crawlab frontend web application in the browser.
Development
$3
Related directories:
-
src/views
- src/components
- src/store
- src/router
- src/i18n
- src/services
- src/interfaces/i18n`