├── content └── .gitkeep ├── .prettierrc ├── static ├── vue.png ├── icon.png ├── favicon.ico ├── form-dummy │ └── index.html └── README.md ├── layouts ├── default.vue └── README.md ├── assets ├── img │ ├── vue.png │ ├── github.svg │ └── twitter.svg ├── css │ └── tailwind.css └── README.md ├── components ├── Logo.vue ├── README.md ├── Creator.vue ├── Footer.vue └── FrameworkParts.vue ├── jsconfig.json ├── .editorconfig ├── pages ├── README.md └── index.vue ├── README.md ├── package.json ├── tailwind.config.js ├── .gitignore └── nuxt.config.js /content/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "semi": false, 3 | "singleQuote": true 4 | } 5 | -------------------------------------------------------------------------------- /static/vue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandiprb/isvue3readyyet/HEAD/static/vue.png -------------------------------------------------------------------------------- /layouts/default.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /static/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandiprb/isvue3readyyet/HEAD/static/icon.png -------------------------------------------------------------------------------- /assets/img/vue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandiprb/isvue3readyyet/HEAD/assets/img/vue.png -------------------------------------------------------------------------------- /static/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandiprb/isvue3readyyet/HEAD/static/favicon.ico -------------------------------------------------------------------------------- /assets/css/tailwind.css: -------------------------------------------------------------------------------- 1 | @import 'tailwindcss/base'; 2 | @import 'tailwindcss/components'; 3 | @import 'tailwindcss/utilities'; 4 | -------------------------------------------------------------------------------- /components/Logo.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /components/README.md: -------------------------------------------------------------------------------- 1 | # COMPONENTS 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | The components directory contains your Vue.js Components. 6 | 7 | _Nuxt.js doesn't supercharge these components._ 8 | -------------------------------------------------------------------------------- /jsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": ".", 4 | "paths": { 5 | "~/*": ["./*"], 6 | "@/*": ["./*"], 7 | "~~/*": ["./*"], 8 | "@@/*": ["./*"] 9 | } 10 | }, 11 | "exclude": ["node_modules", ".nuxt", "dist"] 12 | } 13 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # editorconfig.org 2 | root = true 3 | 4 | [*] 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | charset = utf-8 9 | trim_trailing_whitespace = true 10 | insert_final_newline = true 11 | 12 | [*.md] 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /layouts/README.md: -------------------------------------------------------------------------------- 1 | # LAYOUTS 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | This directory contains your Application Layouts. 6 | 7 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/views#layouts). 8 | -------------------------------------------------------------------------------- /pages/README.md: -------------------------------------------------------------------------------- 1 | # PAGES 2 | 3 | This directory contains your Application Views and Routes. 4 | The framework reads all the `*.vue` files inside this directory and creates the router of your application. 5 | 6 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing). 7 | -------------------------------------------------------------------------------- /assets/README.md: -------------------------------------------------------------------------------- 1 | # ASSETS 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | This directory contains your un-compiled assets such as LESS, SASS, or JavaScript. 6 | 7 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#webpacked). 8 | -------------------------------------------------------------------------------- /static/form-dummy/index.html: -------------------------------------------------------------------------------- 1 |
8 |
9 | 15 |
16 | 19 |
20 | -------------------------------------------------------------------------------- /static/README.md: -------------------------------------------------------------------------------- 1 | # STATIC 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | This directory contains your static files. 6 | Each file inside this directory is mapped to `/`. 7 | Thus you'd want to delete this README.md before deploying to production. 8 | 9 | Example: `/static/robots.txt` is mapped as `/robots.txt`. 10 | 11 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#static). 12 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # isvue3readyyet 2 | 3 | [![Netlify Status](https://api.netlify.com/api/v1/badges/231e056d-9a11-4d1e-902e-da0279f6b043/deploy-status)](https://app.netlify.com/sites/isvue3readyyet/deploys) 4 | 5 | ## Build Setup 6 | 7 | ```bash 8 | # install dependencies 9 | $ yarn install 10 | 11 | # serve with hot reload at localhost:3000 12 | $ yarn dev 13 | 14 | # build for production and launch server 15 | $ yarn build 16 | $ yarn start 17 | 18 | # generate static project 19 | $ yarn generate 20 | ``` 21 | 22 | For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org). 23 | -------------------------------------------------------------------------------- /pages/index.vue: -------------------------------------------------------------------------------- 1 | 12 | 13 | 20 | 21 | 28 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "isvue3readyyet", 3 | "version": "1.0.0", 4 | "private": true, 5 | "description": "Is Vue3 Ready Yet?", 6 | "scripts": { 7 | "dev": "nuxt", 8 | "build": "nuxt build", 9 | "start": "nuxt start", 10 | "export": "nuxt export", 11 | "serve": "nuxt serve" 12 | }, 13 | "dependencies": { 14 | "@nuxt/content": "^1.3.2", 15 | "@nuxtjs/pwa": "^3.0.0-beta.20", 16 | "nuxt": "^2.13.0", 17 | "nuxt-seo": "^1.3.1" 18 | }, 19 | "devDependencies": { 20 | "@nuxtjs/tailwindcss": "^2.0.0", 21 | "eslint-config-prettier": "^6.11.0", 22 | "eslint-plugin-prettier": "^3.1.4", 23 | "prettier": "^2.0.5" 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /assets/img/github.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- 1 | /* 2 | ** TailwindCSS Configuration File 3 | ** 4 | ** Docs: https://tailwindcss.com/docs/configuration 5 | ** Default: https://github.com/tailwindcss/tailwindcss/blob/master/stubs/defaultConfig.stub.js 6 | */ 7 | module.exports = { 8 | theme: { 9 | container: { 10 | center: true, 11 | }, 12 | extend: { 13 | colors: { 14 | secondary: '#6a8bad', 15 | }, 16 | fontSize: { 17 | '12x': '12rem', 18 | }, 19 | }, 20 | }, 21 | variants: {}, 22 | plugins: [], 23 | purge: { 24 | // Learn more on https://tailwindcss.com/docs/controlling-file-size/#removing-unused-css 25 | enabled: process.env.NODE_ENV === 'production', 26 | content: [ 27 | 'components/**/*.vue', 28 | 'layouts/**/*.vue', 29 | 'pages/**/*.vue', 30 | 'plugins/**/*.js', 31 | 'nuxt.config.js', 32 | ], 33 | }, 34 | } 35 | -------------------------------------------------------------------------------- /components/Creator.vue: -------------------------------------------------------------------------------- 1 | 36 | 37 | 47 | 48 | -------------------------------------------------------------------------------- /assets/img/twitter.svg: -------------------------------------------------------------------------------- 1 | 12 | 13 | 14 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Created by .ignore support plugin (hsz.mobi) 2 | ### Node template 3 | # Logs 4 | /logs 5 | *.log 6 | npm-debug.log* 7 | yarn-debug.log* 8 | yarn-error.log* 9 | 10 | # Runtime data 11 | pids 12 | *.pid 13 | *.seed 14 | *.pid.lock 15 | 16 | # Directory for instrumented libs generated by jscoverage/JSCover 17 | lib-cov 18 | 19 | # Coverage directory used by tools like istanbul 20 | coverage 21 | 22 | # nyc test coverage 23 | .nyc_output 24 | 25 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 26 | .grunt 27 | 28 | # Bower dependency directory (https://bower.io/) 29 | bower_components 30 | 31 | # node-waf configuration 32 | .lock-wscript 33 | 34 | # Compiled binary addons (https://nodejs.org/api/addons.html) 35 | build/Release 36 | 37 | # Dependency directories 38 | node_modules/ 39 | jspm_packages/ 40 | 41 | # TypeScript v1 declaration files 42 | typings/ 43 | 44 | # Optional npm cache directory 45 | .npm 46 | 47 | # Optional eslint cache 48 | .eslintcache 49 | 50 | # Optional REPL history 51 | .node_repl_history 52 | 53 | # Output of 'npm pack' 54 | *.tgz 55 | 56 | # Yarn Integrity file 57 | .yarn-integrity 58 | 59 | # dotenv environment variables file 60 | .env 61 | 62 | # parcel-bundler cache (https://parceljs.org/) 63 | .cache 64 | 65 | # next.js build output 66 | .next 67 | 68 | # nuxt.js build output 69 | .nuxt 70 | 71 | # Nuxt generate 72 | dist 73 | 74 | # vuepress build output 75 | .vuepress/dist 76 | 77 | # Serverless directories 78 | .serverless 79 | 80 | # IDE / Editor 81 | .idea 82 | 83 | # Service worker 84 | sw.* 85 | 86 | # macOS 87 | .DS_Store 88 | 89 | # Vim swap files 90 | *.swp 91 | -------------------------------------------------------------------------------- /components/Footer.vue: -------------------------------------------------------------------------------- 1 | 43 | 44 | 54 | 55 | -------------------------------------------------------------------------------- /nuxt.config.js: -------------------------------------------------------------------------------- 1 | export default { 2 | /* 3 | ** Nuxt rendering mode 4 | ** See https://nuxtjs.org/api/configuration-mode 5 | */ 6 | mode: 'universal', 7 | /* 8 | ** Nuxt target 9 | ** See https://nuxtjs.org/api/configuration-target 10 | */ 11 | target: 'static', 12 | /* 13 | ** Headers of the page 14 | ** See https://nuxtjs.org/api/configuration-head 15 | */ 16 | head: { 17 | title: 'Is Vue3 Ready Yet?', 18 | meta: [ 19 | { charset: 'utf-8' }, 20 | { name: 'viewport', content: 'width=device-width, initial-scale=1' }, 21 | ], 22 | link: [{ rel: 'icon', type: 'image/x-icon', href: '/vue.png' }], 23 | }, 24 | /* 25 | ** Global CSS 26 | */ 27 | css: [], 28 | /* 29 | ** Plugins to load before mounting the App 30 | ** https://nuxtjs.org/guide/plugins 31 | */ 32 | plugins: [], 33 | /* 34 | ** Auto import components 35 | ** See https://nuxtjs.org/api/configuration-components 36 | */ 37 | components: true, 38 | /* 39 | ** Nuxt.js dev-modules 40 | */ 41 | buildModules: [ 42 | // Doc: https://github.com/nuxt-community/nuxt-tailwindcss 43 | '@nuxtjs/tailwindcss', 44 | ], 45 | /* 46 | ** Nuxt.js modules 47 | */ 48 | modules: [ 49 | '@nuxtjs/pwa', 50 | // Doc: https://github.com/nuxt/content 51 | '@nuxt/content', 52 | 'nuxt-seo', 53 | ], 54 | 55 | seo: { 56 | name: 'isVue3ReadyYet?', 57 | title: 'Is Vue3 Ready Yet?', 58 | templateTitle: '%name% - %title%', 59 | description: 'Is Vue3 Ready Yet?', 60 | author: 'sandip_rb', 61 | twitter: { 62 | creator: 'sandip_rb', 63 | image: 'https://cli.vuejs.org/favicon.png', 64 | }, 65 | image: 'https://cli.vuejs.org/favicon.png', 66 | }, 67 | /* 68 | ** Content module configuration 69 | ** See https://content.nuxtjs.org/configuration 70 | */ 71 | content: {}, 72 | /* 73 | ** Build configuration 74 | ** See https://nuxtjs.org/api/configuration-build/ 75 | */ 76 | build: {}, 77 | } 78 | -------------------------------------------------------------------------------- /components/FrameworkParts.vue: -------------------------------------------------------------------------------- 1 | 78 | 79 | 119 | 120 | --------------------------------------------------------------------------------