open-index/open-npm huggingface dataset:
npm package: @myutex/vue-modal
Description: Simple but Powerful designed Vue modal/dialog plugin. developed by Team Myutex.
Author: Chris Ray
Latest version: 1.2.0

# KUI Vue Modal/Dialog Plugin
```vue
#KUI, #Vue, #Vue Modal, #Vue Dialog
#Vue Plugin
#Powerful, #Simple, #Easy
```
We make it simple, lightweight and easy to use.  
It will be still update by our team.

## Install
```
npm install @myutex/vue-modal
```

## Setup
```vue
import KuiModal from '@myutex/vue-modal';

Vue.use(KuiModal);
```
 
## Usage
You can choose 2 ways for using methods.

#### 1) Promise
```vue
export default {
  created() {
    this.$alert('Pass to alert message!').then(result => {
        window.console.log(result);  
        // return true
    });

    this.$confirm('Pass to confirm message!').then(result => {
        window.console.log(result);
        // return true Or false  
    });  
  }
}
```
#### 2) Async/Await
```vue
export default {
  async created() {
    const alert = await this.$alert('App 에서 Alert 메시지 전달');
    if (alert) {
        // be true
    }

    const confirm = await this.$confirm('App 에서 Confirm 메시지 전달');
    if (confirm) {
        // It works when getting true
    } else {
        // It will be false
    }  
  },
};
```

##Options with Example

Object type pass for options.  
> Default language is english.
###  Alert Modal
- width: '100px'
- buttonColor: 'red'
- buttonMessage: 'type your message'
- lang: 'ko'
> lang: 'ko' options for Korean.
### Confirm Modal
- width: '150px'  
- buttonYesColor: 'red'  
- buttonNoColor: 'purple'  
- uiStyle: 2
- buttonMessage (Object):
  - yes: 'Yes, I agree'
  - no: 'No, I disagree'
- lang: 'ko'
> lang: 'ko' options for Korean.

You can choose 2 ui styles.
Default value is 1,  
It will work with integrated second ui style when you using value 2
```vue
  async created() {
    const alert = await this.$alert('App 에서 Alert 메시지 전달', {
        width: '50px',
        buttonColor: 'red',
        buttonMessage: 'Yes, I agree'
    });
    if (alert) {
        // be true
    }

    const confirm = await this.$confirm('App 에서 Confirm 메시지 전달', {
        width: '100px',
        buttonYesColor: 'red',
        buttonNoColor: 'purple',
        uiStyle: 2,
        buttonMessage: {
            yes: 'Yes, I agree.',
            no: 'No, I disagree.'
        }
     });
    if (confirm) {
        // It works when getting true
    } else {
        // It will be false
    }  
  }
```

## Tip
Follow this if you want to apply font family.  
```scss
* {
  font-family: Type your fonts;
}
```
OR
```scss
.modal.alert, .modal.confirm {
  font-family: Type your fonts;
}
```

## Finally
Thanks to use our first Vue.js plugin!

Anyone can make issue whenever if you have improvement point or other needs.
npm package: @myutilia/env
Description: Environment utility module
Author: ineedjobtostartwork
Latest version: 0.1.2

![image](https://github.com/user-attachments/assets/9031947a-97ac-4d40-9a34-d897544e6785)

<h1 align="center">⚙️Env</h1>
<p align="center">Module for <a href="https://github.com/INeedJobToStartWork/MyUtilia">My Utils</a></p>
<hr/>

# Functions / Variables

| Functions / Variables Name | Description                                       | Status |
| -------------------------- | ------------------------------------------------- | ------ |
| os                         | Returns on which os is working                    | ✅     |
| isCI                       | Checks if the code is running in a CI environment | 😴     |
npm package: @myutilia/network
Description: Network utility module
Author: ineedjobtostartwork
Latest version: 0.1.1

![image](https://github.com/user-attachments/assets/8d52629f-7842-4492-9e08-46d5a7484398)


<h1 align="center">🌐 Network operations</h1>
<p align="center">Module for <a href="https://github.com/INeedJobToStartWork/MyUtilia">My Utils</a></p>
<hr/>

# Functions / Variables

| Functions / Variables Name | Description                                       | Status |
| -------------------------- | ------------------------------------------------- | ------ |
| isPortFree                 | Returns `boolean` port is free                    | ✅     |
| isCI                       | Checks if the code is running in a CI environment | 😴     |