commit e624d65afac9813438dfb16fbc82f4584d0f1052 Author: jleroy2023 Date: Tue Jul 15 11:28:10 2025 +0200 Init diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..5d12634 --- /dev/null +++ b/.editorconfig @@ -0,0 +1,13 @@ +# editorconfig.org +root = true + +[*] +indent_style = space +indent_size = 2 +end_of_line = lf +charset = utf-8 +trim_trailing_whitespace = true +insert_final_newline = true + +[*.md] +trim_trailing_whitespace = false diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..bcf3b58 --- /dev/null +++ b/.gitignore @@ -0,0 +1,91 @@ +# Created by .ignore support plugin (hsz.mobi) +### Node template +# Logs +/logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* + +# Runtime data +pids +*.pid +*.seed +*.pid.lock + +# Directory for instrumented libs generated by jscoverage/JSCover +lib-cov + +# Coverage directory used by tools like istanbul +coverage + +# nyc test coverage +.nyc_output + +# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) +.grunt + +# Bower dependency directory (https://bower.io/) +bower_components + +# node-waf configuration +.lock-wscript + +# Compiled binary addons (https://nodejs.org/api/addons.html) +build/Release + +# Dependency directories +node_modules/ +jspm_packages/ + +# TypeScript v1 declaration files +typings/ + +# Optional npm cache directory +.npm + +# Optional eslint cache +.eslintcache + +# Optional REPL history +.node_repl_history + +# Output of 'npm pack' +*.tgz + +# Yarn Integrity file +.yarn-integrity + +# dotenv environment variables file +.env + +# parcel-bundler cache (https://parceljs.org/) +.cache + +# next.js build output +.next + +# nuxt.js build output +.nuxt + +# Nuxt generate +dist + +# vuepress build output +.vuepress/dist + +# Serverless directories +.serverless + +# IDE / Editor +.idea + +# Service worker +sw.* + +# macOS +.DS_Store + +# Vim swap files +*.swp +/package-lock.json diff --git a/README.md b/README.md new file mode 100644 index 0000000..591b666 --- /dev/null +++ b/README.md @@ -0,0 +1,22 @@ +# ENI-vue2 + +> Mon pokédex en nuxt 2 + +## Build Setup + +```bash +# install dependencies +$ npm install + +# serve with hot reload at localhost:3000 +$ npm run dev + +# build for production and launch server +$ npm run build +$ npm run start + +# generate static project +$ npm run generate +``` + +For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org). diff --git a/assets/README.md b/assets/README.md new file mode 100644 index 0000000..34766f9 --- /dev/null +++ b/assets/README.md @@ -0,0 +1,7 @@ +# ASSETS + +**This directory is not required, you can delete it if you don't want to use it.** + +This directory contains your un-compiled assets such as LESS, SASS, or JavaScript. + +More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#webpacked). diff --git a/assets/tailwind.css b/assets/tailwind.css new file mode 100644 index 0000000..b5c61c9 --- /dev/null +++ b/assets/tailwind.css @@ -0,0 +1,3 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; diff --git a/assets/variables.scss b/assets/variables.scss new file mode 100644 index 0000000..f60e609 --- /dev/null +++ b/assets/variables.scss @@ -0,0 +1,4 @@ +// Ref: https://github.com/nuxt-community/vuetify-module#customvariables +// +// The variables you want to modify +// $font-size-root: 20px; diff --git a/components/Logo.vue b/components/Logo.vue new file mode 100644 index 0000000..6c72854 --- /dev/null +++ b/components/Logo.vue @@ -0,0 +1,79 @@ + + + diff --git a/components/README.md b/components/README.md new file mode 100644 index 0000000..a079f10 --- /dev/null +++ b/components/README.md @@ -0,0 +1,7 @@ +# COMPONENTS + +**This directory is not required, you can delete it if you don't want to use it.** + +The components directory contains your Vue.js Components. + +_Nuxt.js doesn't supercharge these components._ diff --git a/components/VuetifyLogo.vue b/components/VuetifyLogo.vue new file mode 100644 index 0000000..d6689ea --- /dev/null +++ b/components/VuetifyLogo.vue @@ -0,0 +1,22 @@ + + + diff --git a/layouts/README.md b/layouts/README.md new file mode 100644 index 0000000..cad1ad5 --- /dev/null +++ b/layouts/README.md @@ -0,0 +1,7 @@ +# LAYOUTS + +**This directory is not required, you can delete it if you don't want to use it.** + +This directory contains your Application Layouts. + +More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/views#layouts). diff --git a/layouts/default.vue b/layouts/default.vue new file mode 100644 index 0000000..66e6fe1 --- /dev/null +++ b/layouts/default.vue @@ -0,0 +1,117 @@ + + + diff --git a/layouts/error.vue b/layouts/error.vue new file mode 100644 index 0000000..ae22f7c --- /dev/null +++ b/layouts/error.vue @@ -0,0 +1,44 @@ + + + + + diff --git a/middleware/README.md b/middleware/README.md new file mode 100644 index 0000000..01595de --- /dev/null +++ b/middleware/README.md @@ -0,0 +1,8 @@ +# MIDDLEWARE + +**This directory is not required, you can delete it if you don't want to use it.** + +This directory contains your application middleware. +Middleware let you define custom functions that can be run before rendering either a page or a group of pages. + +More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing#middleware). diff --git a/nuxt.config.js b/nuxt.config.js new file mode 100644 index 0000000..dfd1a07 --- /dev/null +++ b/nuxt.config.js @@ -0,0 +1,77 @@ +import colors from 'vuetify/es5/util/colors' + +export default { + mode: 'universal', + /* + ** Headers of the page + */ + head: { + titleTemplate: '%s - ' + process.env.npm_package_name, + title: process.env.npm_package_name || '', + meta: [ + { charset: 'utf-8' }, + { name: 'viewport', content: 'width=device-width, initial-scale=1' }, + { hid: 'description', name: 'description', content: process.env.npm_package_description || '' } + ], + link: [ + { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' } + ] + }, + /* + ** Customize the progress-bar color + */ + loading: { color: '#fff' }, + /* + ** Global CSS + */ + css: [ + '@/assets/tailwind.css' + ], + /* + ** Plugins to load before mounting the App + */ + plugins: [ + ], + /* + ** Nuxt.js dev-modules + */ + buildModules: [ + '@nuxtjs/vuetify', + ], + /* + ** Nuxt.js modules + */ + modules: [ + ], + /* + ** vuetify module configuration + ** https://github.com/nuxt-community/vuetify-module + */ + vuetify: { + customVariables: ['~/assets/variables.scss'], + theme: { + dark: true, + themes: { + dark: { + primary: colors.blue.darken2, + accent: colors.grey.darken3, + secondary: colors.amber.darken3, + info: colors.teal.lighten1, + warning: colors.amber.base, + error: colors.deepOrange.accent4, + success: colors.green.accent3 + } + } + } + }, + /* + ** Build configuration + */ + build: { + /* + ** You can extend webpack config here + */ + extend (config, ctx) { + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..510a585 --- /dev/null +++ b/package.json @@ -0,0 +1,22 @@ +{ + "name": "ENI-vue2", + "version": "1.0.0", + "description": "Mon pokédex en nuxt 2", + "author": "JohanLeroy", + "private": true, + "scripts": { + "dev": "nuxt", + "build": "nuxt build", + "start": "nuxt start", + "generate": "nuxt generate" + }, + "dependencies": { + "nuxt": "^2.0.0" + }, + "devDependencies": { + "@nuxtjs/vuetify": "^1.0.0", + "autoprefixer": "^9.8.8", + "postcss": "8.4.31", + "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.17" + } +} diff --git a/pages/README.md b/pages/README.md new file mode 100644 index 0000000..1d5d48b --- /dev/null +++ b/pages/README.md @@ -0,0 +1,6 @@ +# PAGES + +This directory contains your Application Views and Routes. +The framework reads all the `*.vue` files inside this directory and creates the router of your application. + +More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing). diff --git a/pages/index.vue b/pages/index.vue new file mode 100644 index 0000000..e18d039 --- /dev/null +++ b/pages/index.vue @@ -0,0 +1,92 @@ + + + diff --git a/pages/inspire.vue b/pages/inspire.vue new file mode 100644 index 0000000..008d065 --- /dev/null +++ b/pages/inspire.vue @@ -0,0 +1,19 @@ + diff --git a/plugins/README.md b/plugins/README.md new file mode 100644 index 0000000..ca1f9d8 --- /dev/null +++ b/plugins/README.md @@ -0,0 +1,7 @@ +# PLUGINS + +**This directory is not required, you can delete it if you don't want to use it.** + +This directory contains Javascript plugins that you want to run before mounting the root Vue.js application. + +More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/plugins). diff --git a/static/README.md b/static/README.md new file mode 100644 index 0000000..cf00435 --- /dev/null +++ b/static/README.md @@ -0,0 +1,11 @@ +# STATIC + +**This directory is not required, you can delete it if you don't want to use it.** + +This directory contains your static files. +Each file inside this directory is mapped to `/`. +Thus you'd want to delete this README.md before deploying to production. + +Example: `/static/robots.txt` is mapped as `/robots.txt`. + +More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#static). diff --git a/static/favicon.ico b/static/favicon.ico new file mode 100644 index 0000000..3632d0c Binary files /dev/null and b/static/favicon.ico differ diff --git a/static/v.png b/static/v.png new file mode 100644 index 0000000..a2ce235 Binary files /dev/null and b/static/v.png differ diff --git a/static/vuetify-logo.svg b/static/vuetify-logo.svg new file mode 100644 index 0000000..145b6d1 --- /dev/null +++ b/static/vuetify-logo.svg @@ -0,0 +1 @@ +Artboard 46 diff --git a/store/README.md b/store/README.md new file mode 100644 index 0000000..1972d27 --- /dev/null +++ b/store/README.md @@ -0,0 +1,10 @@ +# STORE + +**This directory is not required, you can delete it if you don't want to use it.** + +This directory contains your Vuex Store files. +Vuex Store option is implemented in the Nuxt.js framework. + +Creating a file in this directory automatically activates the option in the framework. + +More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/vuex-store). diff --git a/tailwind.config.js b/tailwind.config.js new file mode 100644 index 0000000..7369f31 --- /dev/null +++ b/tailwind.config.js @@ -0,0 +1,8 @@ +module.exports = { + purge: ['./components/**/*.{vue,js}', './layouts/**/*.vue', './pages/**/*.vue'], + theme: { + extend: {}, + }, + variants: {}, + plugins: [], +}