diff --git a/.eslintrc b/.eslintrc new file mode 100644 index 0000000..b94e9b0 --- /dev/null +++ b/.eslintrc @@ -0,0 +1,12 @@ +{ + "root": true, + "extends": [ + "plugin:vue/essential" + ], + "env": { + "amd": true + }, + "rules": { + "vue/multi-word-component-names": "off" + } +} diff --git a/.gitignore b/.gitignore index 42738dd..297f1e2 100644 --- a/.gitignore +++ b/.gitignore @@ -1,5 +1,6 @@ .DS_Store node_modules +package-lock.json /dist # local env files diff --git a/.npmrc b/.npmrc new file mode 100644 index 0000000..e9ee3cb --- /dev/null +++ b/.npmrc @@ -0,0 +1 @@ +legacy-peer-deps=true \ No newline at end of file diff --git a/CHANGELOG.md b/CHANGELOG.md index 44e455e..c933acc 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,7 +1,14 @@ # Change Log +## [1.2.0] 2023-01-11 + +- Update dependencies and devDependencies +- Fix installation issue when running `npm i` + ## [1.1.0] 2021-03-19 + ### Bug fixing + - Rename `master` branch to `main` - To make a lot of our changes, we've followed the instructions from here (minus the `colors` and `font-sizes`): https://tailwindcss.com/docs/upgrading-to-v2 - For the colors, the only change that we made, is the fact that we've added all Tailwind CSS colors to our `tailwind.config.js` files, and inside our product, all `{type}-gray-{number}` classes were renamed to `{type}-blueGray-{number}` @@ -29,24 +36,34 @@ - https://github.com/creativetimofficial/notus-svelte/issues/3 - https://github.com/creativetimofficial/notus-svelte/issues/6 - https://github.com/creativetimofficial/vue-notus/pull/4/ + ### Major style changes + - The upgrade of Tailwind CSS from version 1 to version 2, will cause multiple style changes, check them out on the official Tailwind CSS websites: - https://blog.tailwindcss.com/tailwindcss-v2 - https://tailwindcss.com/ - https://tailwindcss.com/docs/upgrading-to-v2 + ### Deleted components + ### Added components + ### Deleted dependencies + - `@tailwindcss/custom-forms` - `babel-eslint` (updated to `@babel/eslint-parser` and `@babel/core`) + ### Added dependencies + - `@tailwindcss/forms` (replaces `@tailwindcss/custom-forms`) - `autoprefixer` - `postcss` - `@babel/core` (instead of `babel-eslint`) - `@babel/eslint-parser` (instead of `babel-eslint`) - `@vue/compiler-sfc` + ### Updated dependencies + ``` @fortawesome/fontawesome-free 5.14.0 → 5.15.3 @popperjs/core 2.5.1 → 2.9.1 @@ -61,11 +78,15 @@ vue-router 3.4.3 → 4.0.5 eslint 6.8.0 → 7.22.0 eslint-plugin-vue 6.2.2 → 7.7.0 ``` + ### Warning + _On a clean install there may be some warnings from request, chokidar, fsevents - they come from node_modules, and they do not affect the product at all._ _The following warning will show when doing a clean install `npm WARN cache-loader@4.1.0 requires a peer of webpack@^4.0.0 but none is installed. You must install peer dependencies yourself.`, however it does not affect in any way the product._ ## [1.0.0] 2020-09-29 + ### Original Release + - Started project from [Tailwind Starter Kit by Creative Tim](https://www.creative-tim.com/learning-lab/tailwind-starter-kit/presentation?ref=vn-changelog) - Added design from Tailwind Starter Kit by Creative Tim diff --git a/LICENSE.md b/LICENSE.md index df9ca2d..7ca322e 100644 --- a/LICENSE.md +++ b/LICENSE.md @@ -1,6 +1,6 @@ MIT License -Copyright (c) 2021 Creative Tim (https://www.creative-tim.com?ref=vn-license) +Copyright (c) 2022 Creative Tim (https://www.creative-tim.com?ref=vn-license) Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: diff --git a/README.md b/README.md index de0138e..73416e3 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # Vue Notus ![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social&logo=twitter) -![version](https://img.shields.io/badge/version-1.1.0-blue.svg) ![license](https://img.shields.io/badge/license-MIT-blue.svg) ![GitHub issues open](https://img.shields.io/github/issues/creativetimofficial/vue-notus.svg) ![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/creativetimofficial/vue-notus.svg) ![Join the chat at https://gitter.im/NIT-dgp/General](https://badges.gitter.im/NIT-dgp/General.svg) ![Chat](https://img.shields.io/badge/chat-on%20discord-7289da.svg) +![version](https://img.shields.io/badge/version-1.2.0-blue.svg) ![license](https://img.shields.io/badge/license-MIT-blue.svg) ![GitHub issues open](https://img.shields.io/github/issues/creativetimofficial/vue-notus.svg) ![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/creativetimofficial/vue-notus.svg) ![Join the chat at https://gitter.im/NIT-dgp/General](https://badges.gitter.im/NIT-dgp/General.svg) ![Chat](https://img.shields.io/badge/chat-on%20discord-7289da.svg) ![Vue Notus](https://github.com/creativetimofficial/public-assets/blob/master/vue-notus/vue-notus.jpg?raw=true) @@ -36,6 +36,7 @@ you can jump start your development with our pre-built example pages. You will b to quickly set up the basic structure for your web project. Here are all the page from the project: + - [Presentation](https://demos.creative-tim.com/vue-notus/?ref=vn-github-readme) - Admin Samples - [Dashboard](https://demos.creative-tim.com/vue-notus/admin/dashboard?ref=vn-github-readme) @@ -49,7 +50,6 @@ Here are all the page from the project: - [Landing](https://demos.creative-tim.com/vue-notus/landing?ref=vn-github-readme) - [Profile](https://demos.creative-tim.com/vue-notus/profile?ref=vn-github-readme) - ### Fully Coded Components Vue Notus is built with over frontend 120 components, giving you the freedom of choosing and combining. All components can take variations in colors, that you can easily modify using Tailwind CSS classes (NOTE: each time you add a new class, a class that does not exist in `src/assets/styles/tailwind.css`, you will need to compile again tailwind). @@ -59,7 +59,6 @@ This Free Tailwind CSS Template is coming with prebuilt examples, so the develop Every element has multiple states for colors, styles, hover, focus, that you can easily access and use. - ### CSS Components Vue Notus comes with 120 Fully Coded CSS elements, such as [Alerts](https://www.creative-tim.com/learning-lab/tailwind/vue/alerts/notus?ref=vn-github-readme), [Buttons](https://www.creative-tim.com/learning-lab/tailwind/buttons/notus-vuejs?ref=vn-github-readme), [Inputs](https://www.creative-tim.com/learning-lab/tailwind/inputs/notus-vuejs?ref=vn-github-readme) and many more. @@ -69,6 +68,7 @@ Please [check all of them here](https://www.creative-tim.com/learning-lab/tailwi ### VueJS Components We also feature the following 18 dynamic components: + - [Alerts](https://www.creative-tim.com/learning-lab/tailwind/vue/alerts/notus?tws=vtw-github-readme) - [Popper for Menus](https://www.creative-tim.com/learning-lab/tailwind/vue/dropdowns/notus?tws=vtw-github-readme) - [Menus](https://www.creative-tim.com/learning-lab/tailwind/vue/menus/notus?ref=vn-github-readme) @@ -78,29 +78,28 @@ We also feature the following 18 dynamic components: - [Tabs](https://www.creative-tim.com/learning-lab/tailwind/vue/tabs/notus?ref=vn-github-readme) - [Popper for tooltips content](https://www.creative-tim.com/learning-lab/tailwind/vue/tooltips/notus?ref=vn-github-readme) - ## Table of Contents -* [Versions](#versions) -* [Documentation](#documentation) -* [Quick Start](#quick-start) -* [Files and folders](#files-and-folders) -* [Browser Support](#browser-support) -* [Reporting Issues](#reporting-issues) -* [Licensing](#licensing) -* [Useful Links](#useful-links) -* [Resources](#resources) +- [Versions](#versions) +- [Documentation](#documentation) +- [Quick Start](#quick-start) +- [Files and folders](#files-and-folders) +- [Browser Support](#browser-support) +- [Reporting Issues](#reporting-issues) +- [Licensing](#licensing) +- [Useful Links](#useful-links) +- [Resources](#resources) ## Versions [](https://www.creative-tim.com/product/notus-angular?ref=vn-github-readme)[](https://www.creative-tim.com/product/notus-js?ref=vn-github-readme)[](https://www.creative-tim.com/product/notus-nextjs?ref=vn-github-readme)[](https://www.creative-tim.com/product/notus-react?ref=vn-github-readme)[](https://www.creative-tim.com/product/notus-svelte?ref=vn-github-readme)[](https://www.creative-tim.com/product/vue-notus?ref=vn-github-readme) - -| Angular | JavaScript / HTML | NextJS | React | Svelte | VueJS | -| :---: | :---: | :---: | :---: | :---: | :---: | -| [![Notus Angular](https://github.com/creativetimofficial/public-assets/blob/master/notus-angular/notus-angular.jpg?raw=true)](https://www.creative-tim.com/product/notus-angular?ref=vn-github-readme) | [![Notus JS](https://github.com/creativetimofficial/public-assets/blob/master/notus-js/notus-js.jpg?raw=true)](https://www.creative-tim.com/product/notus-js?ref=vn-github-readme) | [![Notus NextJS](https://github.com/creativetimofficial/public-assets/blob/master/notus-nextjs/notus-nextjs.jpg?raw=true)](https://www.creative-tim.com/product/notus-nextjs?ref=vn-github-readme) | [![Notus React](https://github.com/creativetimofficial/public-assets/blob/master/notus-react/notus-react.jpg?raw=true)](https://www.creative-tim.com/product/notus-react?ref=vn-github-readme) | [![Notus Svelte](https://github.com/creativetimofficial/public-assets/blob/master/notus-svelte/notus-svelte.jpg?raw=true)](https://www.creative-tim.com/product/notus-svelte?ref=vn-github-readme) | [![Vue Notus](https://github.com/creativetimofficial/public-assets/blob/master/vue-notus/vue-notus.jpg?raw=true)](https://www.creative-tim.com/product/vue-notus?ref=vn-github-readme) +| Angular | JavaScript / HTML | NextJS | React | Svelte | VueJS | +| :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | +| [![Notus Angular](https://github.com/creativetimofficial/public-assets/blob/master/notus-angular/notus-angular.jpg?raw=true)](https://www.creative-tim.com/product/notus-angular?ref=vn-github-readme) | [![Notus JS](https://github.com/creativetimofficial/public-assets/blob/master/notus-js/notus-js.jpg?raw=true)](https://www.creative-tim.com/product/notus-js?ref=vn-github-readme) | [![Notus NextJS](https://github.com/creativetimofficial/public-assets/blob/master/notus-nextjs/notus-nextjs.jpg?raw=true)](https://www.creative-tim.com/product/notus-nextjs?ref=vn-github-readme) | [![Notus React](https://github.com/creativetimofficial/public-assets/blob/master/notus-react/notus-react.jpg?raw=true)](https://www.creative-tim.com/product/notus-react?ref=vn-github-readme) | [![Notus Svelte](https://github.com/creativetimofficial/public-assets/blob/master/notus-svelte/notus-svelte.jpg?raw=true)](https://www.creative-tim.com/product/notus-svelte?ref=vn-github-readme) | [![Vue Notus](https://github.com/creativetimofficial/public-assets/blob/master/vue-notus/vue-notus.jpg?raw=true)](https://www.creative-tim.com/product/vue-notus?ref=vn-github-readme) | ## Documentation + The documentation for the Vue Notus is hosted at our website. ## Quick start @@ -111,6 +110,7 @@ The documentation for the Vue Notus is hosted at our | | | | | ## Reporting Issues @@ -229,8 +229,8 @@ Dribbble: https://dri Instagram: https://www.instagram.com/creativetimofficial/ - ## Resources + - Demo: https://demos.creative-tim.com/vue-notus/?ref=vn-readme - Download Page: https://www.creative-tim.com/product/vue-notus - Documentation: https://www.creative-tim.com/learning-lab/tailwind/vue/overview/notus diff --git a/gulpfile.js b/gulpfile.js index 395d4f0..b0397a4 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -9,11 +9,11 @@ gulp.task("licenses", async function () { gap.prependText(`/*! ========================================================= -* Vue Notus - v1.1.0 based on Tailwind Starter Kit by Creative Tim +* Vue Notus - v1.2.0 based on Tailwind Starter Kit by Creative Tim ========================================================= * Product Page: https://www.creative-tim.com/product/vue-notus -* Copyright 2021 Creative Tim (https://www.creative-tim.com) +* Copyright 2022 Creative Tim (https://www.creative-tim.com) * Licensed under MIT (https://github.com/creativetimofficial/vue-notus/blob/main/LICENSE.md) * Tailwind Starter Kit Page: https://www.creative-tim.com/learning-lab/tailwind-starter-kit/presentation @@ -35,11 +35,11 @@ gulp.task("licenses", async function () { gap.prependText(`