diff --git a/.gitignore b/.gitignore index 403adbc..a547bf3 100644 --- a/.gitignore +++ b/.gitignore @@ -1,21 +1,22 @@ -.DS_Store -node_modules -/dist - - -# local env files -.env.local -.env.*.local - -# Log files +# Logs +logs +*.log npm-debug.log* yarn-debug.log* yarn-error.log* pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local # Editor directories and files +.vscode/* +!.vscode/extensions.json .idea -.vscode +.DS_Store *.suo *.ntvs* *.njsproj diff --git a/.vscode/extensions.json b/.vscode/extensions.json new file mode 100644 index 0000000..a7cea0b --- /dev/null +++ b/.vscode/extensions.json @@ -0,0 +1,3 @@ +{ + "recommendations": ["Vue.volar"] +} diff --git a/LICENSE b/LICENSE deleted file mode 100644 index f8be131..0000000 --- a/LICENSE +++ /dev/null @@ -1,21 +0,0 @@ -MIT License - -Copyright (c) 2021 Tailwind Components - -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: - -The above copyright notice and this permission notice shall be included in all -copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR -IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, -FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE -AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER -LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, -OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE -SOFTWARE. diff --git a/README.md b/README.md index 0cdd192..c38a126 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,5 @@

- gradinet-generator + gradinet-generator

## Tailwind Components Gradient Generator This repo content a Gradient Generator page from [tailwindcompnents.com](https://tailwindcomponents.com/gradient-generator/), Build with Vuejs. @@ -23,7 +23,7 @@ yarn install ### Compiles and hot-reloads for development ``` -yarn serve +yarn dev ``` ### Compiles and minifies for production @@ -31,10 +31,10 @@ yarn serve yarn build ``` -### Lints and fixes files -``` -yarn lint -``` +### Vue 3 + Vite + +This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 ` diff --git a/package.json b/package.json index 23ce6a2..fd7f257 100644 --- a/package.json +++ b/package.json @@ -1,47 +1,23 @@ { "name": "gradient-generator", - "version": "0.1.0", "private": true, + "version": "0.0.0", + "type": "module", "scripts": { - "serve": "vue-cli-service serve", - "build": "vue-cli-service build", - "lint": "vue-cli-service lint" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, "dependencies": { - "@tailwindcss/forms": "^0.3.3", - "core-js": "^3.6.5", - "vue": "^3.0.0", + "@tailwindcss/forms": "^0.5.3", + "vue": "^3.2.37", "vue3-clipboard": "^1.0.0" }, "devDependencies": { - "@vue/cli-plugin-babel": "~4.5.0", - "@vue/cli-plugin-eslint": "~4.5.0", - "@vue/cli-service": "~4.5.0", - "@vue/compiler-sfc": "^3.0.0", - "autoprefixer": "^9", - "babel-eslint": "^10.1.0", - "eslint": "^6.7.2", - "eslint-plugin-vue": "^7.0.0", - "postcss": "^7", - "tailwindcss": "npm:@tailwindcss/postcss7-compat" - }, - "eslintConfig": { - "root": true, - "env": { - "node": true - }, - "extends": [ - "plugin:vue/vue3-essential", - "eslint:recommended" - ], - "parserOptions": { - "parser": "babel-eslint" - }, - "rules": {} - }, - "browserslist": [ - "> 1%", - "last 2 versions", - "not dead" - ] + "@vitejs/plugin-vue": "^3.1.0", + "autoprefixer": "^10.4.12", + "postcss": "^8.4.16", + "tailwindcss": "^3.1.8", + "vite": "^3.1.0" + } } diff --git a/postcss.config.js b/postcss.config.cjs similarity index 100% rename from postcss.config.js rename to postcss.config.cjs diff --git a/public/favicon.ico b/public/favicon.ico deleted file mode 100644 index 92a2921..0000000 Binary files a/public/favicon.ico and /dev/null differ diff --git a/public/logo.svg b/public/logo.svg new file mode 100644 index 0000000..dc177b4 --- /dev/null +++ b/public/logo.svg @@ -0,0 +1,19 @@ + + + + Group 7 + Created with Sketch. + + + + + + + + + + + + + + diff --git a/public/sm-logo.svg b/public/sm-logo.svg new file mode 100644 index 0000000..13e1425 --- /dev/null +++ b/public/sm-logo.svg @@ -0,0 +1,4 @@ + + + diff --git a/src/components/Colors.vue b/src/components/Colors.vue index 7de4340..7872b47 100644 --- a/src/components/Colors.vue +++ b/src/components/Colors.vue @@ -20,7 +20,7 @@ export default { data() { return { - colors: ['blue-gray', 'gray', 'true-gray', 'warm-gray', 'lime', 'green', 'teal', 'cyan', 'light-blue', 'blue', 'indigo', 'purple', 'fuchsia', 'red', 'orange', 'yellow', 'pink', 'rose'], + colors: ['slate', 'gray', 'zinc', 'neutral', 'stone', 'red', 'orange', 'amber', 'yellow', 'lime', 'green', 'emerald', 'teal', 'cyan', 'sky', 'blue', 'indigo', 'violet', 'purple', 'fuchsia', 'pink', 'rose'], values: ['50', '100', '200', '300', '400', '500', '600', '700', '800', '900'], } }, diff --git a/src/components/DefaultGradients.vue b/src/components/DefaultGradients.vue index c7a7dfc..8073be9 100644 --- a/src/components/DefaultGradients.vue +++ b/src/components/DefaultGradients.vue @@ -17,7 +17,7 @@ export default { data() { return { - colors: ['blue-gray', 'gray', 'true-gray', 'warm-gray', 'lime', 'green', 'teal', 'cyan', 'light-blue', 'blue', 'indigo', 'purple', 'fuchsia', 'red', 'orange', 'yellow', 'pink', 'rose'], + colors: ['slate', 'gray', 'zinc', 'neutral', 'stone', 'red', 'orange', 'amber', 'yellow', 'lime', 'green', 'emerald', 'teal', 'cyan', 'sky', 'blue', 'indigo', 'violet', 'purple', 'fuchsia', 'pink', 'rose'], } }, diff --git a/src/components/Generator.vue b/src/components/Generator.vue index 4e1250a..5ce7d52 100644 --- a/src/components/Generator.vue +++ b/src/components/Generator.vue @@ -77,9 +77,9 @@ export default { isVia: false, step: 'from', direction: 'bg-gradient-to-r', - from: 'from-teal-400', - via: 'via-teal-600', - to: 'to-teal-800', + from: 'from-teal-300', + via: 'via-teal-400', + to: 'to-teal-500', isCopied: false, } }, diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue index 40efc62..94c1c27 100644 --- a/src/components/Navbar.vue +++ b/src/components/Navbar.vue @@ -1,5 +1,5 @@