@huongnv080/vn

nodejs-frontend-template

Installation

1. Install the dependencies.

   $ yarn add -D @huongnv080/vn
   

Set to index.tsx or App.tsx

1. Apply uikit css

   import "@huongnv080/vn/src/uikit"

2. Import Compoment

   ```javascript
   import {
       DT,        // Alert Msg
       DL,        // Dailog Loading
       DDL,       // Dailog File Download
       Icon,      // Uikit Icon
       A,         // Link
       B,         // Button
       C,         // Checkbox
       D,         // Year, Month, Datetime, Date, Time
       F,         // File
       L,         // Label
       I,         // Input[text, number, range]
       M,         // Munlti Select
       R,         // Radio
       S,         // Select
       T,         // Textarea
   } from "@huongnv080/vn/src/components"
   

Use i18n

1. Add I18n

   ・Create dir labels
   ・Create dir [ja, en] in labels
   

   ・Create File common.json in dir [ja, en]
   {
       "system_auth": "Test label"
   }
   

   ・Create File index.ts in dir labels
   ・Not set ns same[cml, btl, ael]
   

   export const APP_MSG = {
       ja : {
           ns: 'app_cml',
           json: require('./ja/commons.json')
       },
       en : {
           ns: 'app_cml',
           json: require('./en/commons.json')
       }
   }

   import { addResource } from '@huongnv080/vn/src/utils/I18n'
   import { APP_MSG } from './labels'
   
   addResource(APP_MSG)