Skip to content

Commit

Permalink
fix: documentation
Browse files Browse the repository at this point in the history
  • Loading branch information
robsongajunior committed Aug 1, 2024
1 parent ff76de3 commit 16b7e1c
Show file tree
Hide file tree
Showing 3 changed files with 34 additions and 34 deletions.
68 changes: 34 additions & 34 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,77 +1,77 @@
# Azion Theme
# azion-theme

![Sass Cover Azion Theme](./doc/cover.png)
![Sass Cover Azion Theme](./doc/cover-image.png)

The Azion Theme repository is focused on sharing our style kit across interfaces and should be used in all company projects, including Azion Console Kit, Azion Site, Landing Pages, and all user interactions with Azion.
The Azion Theme repository is focused on sharing our style kit across interfaces and should be used in all company projects,
including Azion Console Kit, Azion Site, Landing Pages, and all user interactions with Azion.


## How to install
## Easy to install

To install the Azion Theme, you can use the following command:

``` bash
npm install azion-theme
```
To install the azion-theme project, you need to follow the command.
Choise one of your preference: npm or yarn;

``` bash
npm install azion-theme --save
# or
yarn add azion-theme
```

Alternatively, you can configure the package.json file by adding the dependency:

``` json
{
"dependencies": {
"azion-theme": "ˆ1.4.0"
}
"dependencies": {
"azion-theme": "ˆ1.4.0"
}
}
```

After updating the package.json file, run npm install in the root of your project to install the Azion Theme.


### How to Integrate into a Front-End Project
### Easy to connect with Front-End Project

To integrate the Azion Theme into your front-end project, you need to import the theme files in your project's entry point file (App.vue, main.js, index.js, etc.):
To integrate the Azion Theme into your front-end project,
you need to import the theme files in your project's entry point file (App.vue, main.js, index.js, etc.):

``` javascript
import 'azion-theme/dark';
import 'azion-theme/light';
```

Make sure to include these imports at the top of your entry point file to ensure the styles are applied correctly throughout your application.
Make sure to include these imports at the top of your entry point file
to ensure the styles are applied correctly throughout your application.


## How to work to locally
## How to locally development

To work locally, you should clone both the `azion-theme` repository and the other repository where `azion-theme` will be used.
To work locally, you should clone both the `azion-theme`
repository and the another repository where theme will be used.

### Example:
In this example, we will use the [azion-webkit](https://github.com/aziontech/webkit) repository:
In this example, we will use the [azion-webkit](https://github.com/aziontech/azion-webkit) repository:

1. Clone the `azion-webkit` and `azion-theme` repositories:
1. Clone the `azion-webkit` and `azion-theme` repositories;
```bash
git clone https://github.com/aziontech/webkit.git
git clone https://github.com/aziontech/azion-theme.git
git clone https://github.com/aziontech/azion-webkit.git
git clone https://github.com/aziontech/azion-theme.git
```

2. Install dependecies and create a link point
2. Installing dependecies and create the link point;
```bash
cd azion-theme
npm install
npm link
cd ./azion-theme && npm i && npm link
```

3. Link the `azion-theme` to the `azion-webkit` project:
```bash
cd ../azion-webkit
npm install
npm link azion-theme
```

4. Run the development server:
3. Linking the `azion-theme` to the `azion-webkit` project;
```bash
npm run dev
cd ../azion-webkit && npm i && npm link azion-theme
```

Any modifications made to `azion-theme` will be reflected on this development server with hot reload.


## Links

- https://v3.primevue.org/
- https://github.com/primefaces/primevue-sass-theme
Binary file added doc/cover-image.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed doc/cover.png
Binary file not shown.

0 comments on commit 16b7e1c

Please sign in to comment.