diff --git a/blog/articles/vuesax-4.md b/blog/articles/vuesax-4.md index 9348b6d4..d7acf777 100644 --- a/blog/articles/vuesax-4.md +++ b/blog/articles/vuesax-4.md @@ -10,88 +10,88 @@ tags: - Announcements --- -## Why a new major version? +## Why a New Major version? -Vuesax is a radically new framework and with an idea of ​​being different from other frameworks, we love what we have achieved so far in v3.x but now we want to give a total change in many features and improve the internal code as in the design +Vuesax is a radically new framework and with an idea of ​​being different from other frameworks, we love what we have achieved so far in v3.x but now we want to totally change many features and improve the internal code and design. -## What are the most important changes +## What Are The Most Important Changes -We want to improve the structure and logic in our components, variables, classes (css), design and other things +We want to improve the structure and logic of our components, variables, classes (css), design and other things. -### Change the logic in the components +### Change The Logic In The Components -We need that the components have a similar logic and that the code between them is relatively similar to have a better support and management, we want to divide the code and make it more global with mixins for characteristics that are repeated in the components +Our goal is for the components to have similar logic and reusable code. This will make support and management musch easier. We want to divide up the code and make it more global, with mixins for characteristics that are repeated in the components. -We will change the design line and thus have a similar appearance in all the components giving a better visual appearance +We will change the design to give the components a more unified and attractive appearance overall. -We want to document better the code and each variable property and data that has a necessary explanation, with this the community can help much easier to solve any bug or add functionalities without code or logic clashes +We want better documentation. More thorough documentation will empower the community to solve any bug or add functionality without code or logic clashes. -### Changes in documents +### Changes In Documents -In v4.0 we will change the documents and redo them as much as possible for a better understanding, create a blog for more specific topics and be able to go deeper in tutorials +In v4.0 we will change the documents and redo them as much as possible for a better understanding, create a blog for more specific topics and be able to go deeper in tutorials. -the documents will be more intuitive and with examples on pages like codesandbox or codepen giving an opportunity to the playground with each learning +The documents will be more intuitive, with examples on pages like CodeSandbox or CodePen, giving users the chance to experiment with features. -we will have an api of all the most important properties and global functions, so we will be able to understand the framework better +We will have an API of all the most important properties and global functions, so we will be able to understand the framework better. -we will change the documents to the latest version of Vuepress giving funcinalities and improvements to the reader +We will change the documents to the latest version of Vuepress giving funcionalities and improvements to the reader. ### Responsive Components -The components will have a great responsive support so that they can be used in any type of project +The components will have great responsive support so that they can be used in any type of project -### CSS Var +### CSS Variables -We are going to implement the css variables as the main variables of the framework, thus giving a better management of the themes and colors in time of execution, such as the need to change the subject from light to dark with just one click +We are going to implement CSS Variables as the main variables of the framework, providing better management of the themes and colors in real-time, such as the ability to change the subject from light to dark with just one click. -With this change the components can be much more customizable in colors and simplifies their manipulation with js for only css treatment eliminating code and adding fluency +With this change the components can be much more customizable in colors. This also simplifies their manipulation with js for only css treatment, eliminating code and adding fluency. ### Syntax -The components are going to have a not very drastic change in the syntax as variable properties clobal (data) but we do not want to change much this aspect since the migration would not be very complicated from v3.x to v4.0 +The components are going to have a not very drastic change in the syntax as variable properties clobal (data) but we do not want to change this aspect too much, since the migration would not be very complicated from v3.x to v4.0 ### Design -A design system will be implemented for a better visual experience, documents will be implemented on how to use the components so that they have a visual coherence +A design system will be implemented for a better visual experience, documents will be implemented on how to use the components so that they have a visual coherence. -We will create files for designers and some adventurous programmers who want to design before programming to see what the final product will look like with the components of vuesax +We will create files for designers and some adventurous programmers who want to design before programming to see what the final product will look like with the components of vuesax. Files (Vuesax.xd) -### Stylus Var +### Stylus Variables -Global stylus variables are going to be created to change the whole aspect of the framework like `$ vs-text-color` or` $ vs-border-radius` and so just change the value and all vues change, giving better flexibility and treatment +Global stylus variables are going to be created to change the whole aspect of the framework, like `$ vs-text-color` or` $ vs-border-radius`. This will allow you to make global styling changes to your project by just changing top-level variables. -you will also create more specific variables to each component like `$ vs-button-border-radius` and thus be able to manipulate the components without having to add your own style, of course there are some cases in which we need our own style +There will also be more specific variables for each component like `$ vs-button-border-radius` and thus you will be able to manipulate the components without having to add your own style (of course there are some cases in which we need our own style). ### New Components -The components that are already created will be improved and in some cases redone so that they can enter the new design and code system +The components that are already created will be improved, and in some cases redone, so that they are optimized for the new design and code system. -We want to create new components that we know we still need as **datePicker** or **slide** but first we want to focus on changing and adjusting the entire framework to start with the right foot and have everything as we expect +We want to create new components that we know we still need as **datePicker** or **slide** but first we want to focus on changing and adjusting the entire framework to start off on the right foot and have everything as we expect. -### Componentes Pro +### Components Pro -We are going to create a line of Pro Components, which are simply different components to noramles like buttons or select, it is more focused on complex components and they are not so used but they surprise and are functional something like a ** slide ** or a ** list of social networks ** +We are going to create a line of Pro Components. These will not simply be your typical buttons or selects, but more focused on complex components.These will be flashy and functional, for example something like a ** slide ** or a ** list of social networks **. -these components are going to be included in vuesax core but we believe that it can be divided into something like vuesax@pro to not include them only if they are necessary for the project +These components are going to be included in vuesax core but we believe that it can be divided into something like vuesax@pro, so they can be included only if they are necessary for the project. ### Themes -We are implementing support for completely different topics between them and not only in colors but in design, figures, functionality and ux, an example of a serious theme theme for websites by default vuesax is designed to make applications and when we try to use it in a web that we need that surprises or is not typical then we use the web topic giving a different approach. +We are implementing support for completely different themes and not only in colors but in design, figures, functionality and ux. Themes will be optimized for various uses, whether website or app. ### Vuesax-pugins -we are going to create plugins for the community and thus be able to implement vuesax easier as in the cli de vuejs or use it for example in vsCode with a syntax help. +We are going to create plugins for the community and thus be able to implement vuesax easier through the Vuejs CLI or use it, for example, in VS Code with snippets. -### soporte para varios lenguajes +### Support For Various Languages -The support for different languages ​​will be implemented and thus be able to change all the key texts in the components with a single process +Support for different languages ​​will be implemented and you will be able to change key text in the components with a single process. -### much more +### Much More -There are many more changes that we are going to implement and that will greatly improve Vuesax and all its ecosystem we want to be a great framework within the community and help all programmers to achieve that great idea +There are many more changes that we are going to implement and that will greatly improve Vuesax and all its ecosystem. We want to be a great framework within the community and help all programmers to achieve that great idea! ## Final Release