refactor: use nuxt everywhere (#8210)

This commit is contained in:
pooya parsa 2020-11-30 23:44:04 +01:00 committed by GitHub
parent da38f96f03
commit c15fc421ab
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
117 changed files with 176 additions and 176 deletions

View File

@ -1,6 +1,6 @@
--- ---
name: 🚨 Bug report | Bug 提交 name: 🚨 Bug report | Bug 提交
about: Report a bug report to help us improve Nuxt.js. about: Report a bug report to help us improve Nuxt.
title: '' title: ''
labels: 'bug-report' labels: 'bug-report'
assignees: '' assignees: ''
@ -11,7 +11,7 @@ assignees: ''
**IMPORTANT** Before reporting a bug: **IMPORTANT** Before reporting a bug:
- Please make sure that you have read through Nuxt.js documentation: https://nuxtjs.org - Please make sure that you have read through Nuxt documentation: https://nuxtjs.org
- If issue is related to a module please create the issue in corresponding repository - If issue is related to a module please create the issue in corresponding repository
- Ensure using latest version of nuxt dependencies using `yarn upgrade nuxt` or `npm upgrade nuxt` - Ensure using latest version of nuxt dependencies using `yarn upgrade nuxt` or `npm upgrade nuxt`

View File

@ -1,6 +1,6 @@
--- ---
name: 🙋 Feature request | 新功能提案 name: 🙋 Feature request | 新功能提案
about: Suggest an idea or enhancement for Nuxt.js. about: Suggest an idea or enhancement for Nuxt.
title: '' title: ''
labels: 'feature-request' labels: 'feature-request'
assignees: '' assignees: ''

2
.github/stale.yml vendored
View File

@ -11,7 +11,7 @@ exemptLabels:
exemptAssignees: true exemptAssignees: true
only: issues only: issues
markComment: > markComment: >
Thanks for your contribution to Nuxt.js! Thanks for your contribution to Nuxt!
This issue has been automatically marked as stale because it has not had This issue has been automatically marked as stale because it has not had
recent activity. It will be closed if no further activity occurs. recent activity. It will be closed if no further activity occurs.

View File

@ -1,6 +1,6 @@
MIT License MIT License
Copyright (c) 2016-2020 Nuxt.js Team Copyright (c) 2016-2020 Nuxt Team
- Sebastien Chopin ([@Atinux](https://github.com/Atinux)) - Sebastien Chopin ([@Atinux](https://github.com/Atinux))
- Alexandre Chopin ([@alexchopin](https://github.com/alexchopin)) - Alexandre Chopin ([@alexchopin](https://github.com/alexchopin))
- Pooya Parsa ([@pi0](https://github.com/pi0)) - Pooya Parsa ([@pi0](https://github.com/pi0))

File diff suppressed because one or more lines are too long

View File

@ -15,7 +15,7 @@ won't "just break".
### Minor versions (2.1 -> 2.2) ### Minor versions (2.1 -> 2.2)
The release cycle for Nuxt.js minor versions is roughly **4 weeks**. The release cycle for Nuxt minor versions is roughly **4 weeks**.
Three of the four weeks will be used for actual **feature implementations** while the last week will be used for Three of the four weeks will be used for actual **feature implementations** while the last week will be used for
**testing, fixing bugs and thorough audits**. **testing, fixing bugs and thorough audits**.
@ -31,7 +31,7 @@ In the future, fixes will be released **as soon as possible** after the actual P
Fixes can or will include: Fixes can or will include:
- Updates of dependencies (for various reasons, like a "faulty/buggy" dependency or an newer versions that works better with the Nuxt.js code) - Updates of dependencies (for various reasons, like a "faulty/buggy" dependency or an newer versions that works better with the Nuxt code)
- Fixes for our code - Fixes for our code
Bugfixes for upcoming features won't be ported of course. Bugfixes for upcoming features won't be ported of course.
@ -43,7 +43,7 @@ releasing a version after _each commit_ was made.
## End of Life ## End of Life
Starting with `v2.4`, every major Nuxt.js version will have an **End of Life**. Starting with `v2.4`, every major Nuxt version will have an **End of Life**.
Previous releases will receive security updates and bugfixes **for one year and two weeks**, counted from the first release on. Previous releases will receive security updates and bugfixes **for one year and two weeks**, counted from the first release on.
As Nuxt majors are approximately released once every 6 months, this will allow developers to "skip one major version" without being stuck with a broken or unsecure Nuxt.js dependency. As Nuxt majors are approximately released once every 6 months, this will allow developers to "skip one major version" without being stuck with a broken or unsecure Nuxt dependency.
The EOL also applies to the documentation. The EOL also applies to the documentation.

View File

@ -1,4 +1,4 @@
# Nuxt.js server-side benchmarks # Nuxt server-side benchmarks
> Taken from [Next.js benchmarks](https://github.com/zeit/next.js/tree/master/bench), if you like React, we recommend you to try [Next.js](https://github.com/zeit/next.js). > Taken from [Next.js benchmarks](https://github.com/zeit/next.js/tree/master/bench), if you like React, we recommend you to try [Next.js](https://github.com/zeit/next.js).

View File

@ -1,6 +1,6 @@
# nuxt-start # nuxt-start
> Start Nuxt.js Application in production mode. > Start Nuxt Application in production mode.
## Installation ## Installation
@ -35,7 +35,7 @@ const config = require('./nuxt.config.js')
// Create a new nuxt instance (config needs dev: false) // Create a new nuxt instance (config needs dev: false)
const nuxt = new Nuxt(config) const nuxt = new Nuxt(config)
// Start nuxt.js server // Start nuxt server
nuxt.listen(3000) // nuxt.listen(port, host) nuxt.listen(3000) // nuxt.listen(port, host)
// Or use `nuxt.render` as an express middleware // Or use `nuxt.render` as an express middleware

View File

@ -1,7 +1,7 @@
{ {
"name": "nuxt-start", "name": "nuxt-start",
"version": "2.14.7", "version": "2.14.7",
"description": "Starts Nuxt.js Application in production mode", "description": "Starts Nuxt Application in production mode",
"keywords": [ "keywords": [
"nuxt", "nuxt",
"nuxt.js", "nuxt.js",

File diff suppressed because one or more lines are too long

View File

@ -11,7 +11,7 @@
<h2>Another subtitle</h2> <h2>Another subtitle</h2>
<ul> <ul>
<li>Vue.js</li> <li>Vue.js</li>
<li>Nuxt.js</li> <li>Nuxt</li>
<li>= &lt;3</li> <li>= &lt;3</li>
</ul> </ul>
</div> </div>

View File

@ -1,3 +1,3 @@
# Async data with Nuxt.js # Async data with Nuxt
https://nuxtjs.org/examples/async-data https://nuxtjs.org/examples/async-data

View File

@ -1,3 +1,3 @@
# Auth External API (JWT) with Nuxt.js # Auth External API (JWT) with Nuxt
https://nuxtjs.org/examples/auth-external-jwt https://nuxtjs.org/examples/auth-external-jwt

View File

@ -12,8 +12,8 @@ export default {
}, },
/* /*
** Add server middleware ** Add server middleware
** Nuxt.js uses `connect` module as server ** Nuxt uses `connect` module as server
** So most of express middleware works with nuxt.js server middleware ** So most of express middleware works with nuxt server middleware
*/ */
serverMiddleware: [ serverMiddleware: [
// body-parser middleware // body-parser middleware

View File

@ -11,7 +11,7 @@ export const mutations = {
} }
export const actions = { export const actions = {
// nuxtServerInit is called by Nuxt.js before server-rendering every page // nuxtServerInit is called by Nuxt before server-rendering every page
nuxtServerInit ({ commit }, { req }) { nuxtServerInit ({ commit }, { req }) {
if (req.session && req.session.authUser) { if (req.session && req.session.authUser) {
commit('SET_USER', req.session.authUser) commit('SET_USER', req.session.authUser)

View File

@ -2,9 +2,9 @@
Using [proxy-module](https://github.com/nuxt-community/proxy-module) and [Axios module](https://axios.nuxtjs.org/) Using [proxy-module](https://github.com/nuxt-community/proxy-module) and [Axios module](https://axios.nuxtjs.org/)
> proxy-module is the one-liner node.js http-proxy middleware solution for Nuxt.js using [http-proxy-middleware](https://github.com/chimurai/http-proxy-middleware) > proxy-module is the one-liner node.js http-proxy middleware solution for Nuxt using [http-proxy-middleware](https://github.com/chimurai/http-proxy-middleware)
> Axios-module is a secure and easy [Axios](https://github.com/mzabriskie/axios) integration with Nuxt.js. > Axios-module is a secure and easy [Axios](https://github.com/mzabriskie/axios) integration with Nuxt.
## Install ## Install

View File

@ -1,6 +1,6 @@
# Nuxt with CoffeeScript # Nuxt with CoffeeScript
> Nuxt.js project with CoffeeScript > Nuxt project with CoffeeScript
## Build Setup ## Build Setup
@ -19,4 +19,4 @@ $ npm start
$ npm run generate $ npm run generate
``` ```
For detailed explanation on how things work, checkout the [Nuxt.js docs](https://github.com/nuxt/nuxt.js). For detailed explanation on how things work, checkout the [Nuxt docs](https://github.com/nuxt/nuxt.js).

View File

@ -7,7 +7,7 @@ export default {
meta: [ meta: [
{ charset: 'utf-8' }, { charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: 'Nuxt.js project' } { hid: 'description', name: 'description', content: 'Nuxt project' }
], ],
link: [ link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' } { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }

View File

@ -1,7 +1,7 @@
{ {
"name": "example-coffeescript", "name": "example-coffeescript",
"version": "1.0.0", "version": "1.0.0",
"description": "Nuxt.js with CoffeeScript", "description": "Nuxt with CoffeeScript",
"author": "Alex Ananiev <alex.ananiev.r@gmail.com>", "author": "Alex Ananiev <alex.ananiev.r@gmail.com>",
"private": true, "private": true,
"scripts": { "scripts": {

View File

@ -3,7 +3,7 @@
<div> <div>
<logo/> <logo/>
<h1 class="title"> <h1 class="title">
Nuxt.js with Coffee! Nuxt with Coffee!
</h1> </h1>
<h2 class="subtitle"> <h2 class="subtitle">
{{message}} {{message}}

View File

@ -1,3 +1,3 @@
# Custom loading with Nuxt.js # Custom loading with Nuxt
https://nuxtjs.org/examples/custom-loading https://nuxtjs.org/examples/custom-loading

View File

@ -1,4 +1,4 @@
# Custom page loading with Nuxt.js # Custom page loading with Nuxt
https://nuxtjs.org/examples/custom-page-loading https://nuxtjs.org/examples/custom-page-loading

View File

@ -1,3 +1,3 @@
# Custom PORT and HOST in `nuxt.config.js` with Nuxt.js # Custom PORT and HOST in `nuxt.config.js` with Nuxt
https://nuxtjs.org/examples/custom-port-host https://nuxtjs.org/examples/custom-port-host

View File

@ -1,3 +1,3 @@
# Custom Routes with Nuxt.js # Custom Routes with Nuxt
https://nuxtjs.org/examples/custom-routes https://nuxtjs.org/examples/custom-routes

View File

@ -1,7 +1,7 @@
<template> <template>
<p> <p>
Please look at <code>server.js</code> to see how to use <a href="https://nuxtjs.org"> Please look at <code>server.js</code> to see how to use <a href="https://nuxtjs.org">
Nuxt.js Nuxt
</a> programmatically. </a> programmatically.
</p> </p>
</template> </template>

View File

@ -6,7 +6,7 @@ const app = express()
const host = process.env.HOST || '127.0.0.1' const host = process.env.HOST || '127.0.0.1'
const port = process.env.PORT || 3000 const port = process.env.PORT || 3000
// Import and set Nuxt.js options // Import and set Nuxt options
const config = require('./nuxt.config.js') const config = require('./nuxt.config.js')
config.dev = process.env.NODE_ENV !== 'production' config.dev = process.env.NODE_ENV !== 'production'

View File

@ -65,7 +65,7 @@ typings/
# next.js build output # next.js build output
.next .next
# nuxt.js build output # nuxt build output
.nuxt .nuxt
# Nuxt generate # Nuxt generate

View File

@ -36,7 +36,7 @@ export default {
], ],
/* /*
** Nuxt.js modules ** Nuxt modules
*/ */
modules: [ modules: [
], ],

View File

@ -1,4 +1,4 @@
# Dynamic Components with Nuxt.js # Dynamic Components with Nuxt
Demo: https://dynamic-components.nuxtjs.org/ Demo: https://dynamic-components.nuxtjs.org/

View File

@ -1,6 +1,6 @@
export default { export default {
head: { head: {
titleTemplate: 'Nuxt.js - Dynamic Components', titleTemplate: 'Nuxt - Dynamic Components',
meta: [ meta: [
{ charset: 'utf-8' }, { charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' } { name: 'viewport', content: 'width=device-width, initial-scale=1' }

View File

@ -1,3 +1,3 @@
# Global CSS with Nuxt.js # Global CSS with Nuxt
https://nuxtjs.org/examples/global-css https://nuxtjs.org/examples/global-css

View File

@ -1,3 +1,3 @@
# Hello World with Nuxt.js # Hello World with Nuxt
https://nuxtjs.org/examples https://nuxtjs.org/examples

View File

@ -1,3 +1,3 @@
# Layout transitions with Nuxt.js # Layout transitions with Nuxt
https://nuxtjs.org/examples/layout-transitions https://nuxtjs.org/examples/layout-transitions

View File

@ -2,4 +2,4 @@
> Convert Markdown file to HTML using markdown-it. > Convert Markdown file to HTML using markdown-it.
**See [Markdownit Module](https://github.com/nuxt-community/modules/tree/master/packages/markdownit) for easy integration with [Nuxt.js](https://nuxtjs.org).** **See [Markdownit Module](https://github.com/nuxt-community/modules/tree/master/packages/markdownit) for easy integration with [Nuxt](https://nuxtjs.org).**

View File

@ -1,6 +1,6 @@
# Manage your app's meta information # Manage your app's meta information
Nuxt.js uses [vue-meta](https://github.com/nuxt/vue-meta) to manage page meta info (such as: meta, title, link, style, script) of your application. Nuxt uses [vue-meta](https://github.com/nuxt/vue-meta) to manage page meta info (such as: meta, title, link, style, script) of your application.
## Example ## Example
@ -8,6 +8,6 @@ SEO: https://nuxtjs.org/examples/seo-html-head
## Documentation ## Documentation
Nuxt.js: https://nuxtjs.org/guide/views#html-head Nuxt: https://nuxtjs.org/guide/views#html-head
vue-meta: https://github.com/nuxt/vue-meta#table-of-contents vue-meta: https://github.com/nuxt/vue-meta#table-of-contents

View File

@ -12,10 +12,10 @@ export default {
meta: [ meta: [
{ name: 'twitter:card', content: 'summary' }, { name: 'twitter:card', content: 'summary' },
{ name: 'twitter:site', content: '@nuxt_js' }, { name: 'twitter:site', content: '@nuxt_js' },
{ name: 'twitter:title', content: 'Nuxt.js Twitter Card' }, { name: 'twitter:title', content: 'Nuxt Twitter Card' },
{ name: 'twitter:description', content: 'Nuxt.js lets you handle custom headers for your app with vue-meta' }, { name: 'twitter:description', content: 'Nuxt lets you handle custom headers for your app with vue-meta' },
{ name: 'twitter:image', content: 'https://avatars0.githubusercontent.com/u/23360933?v=3' }, { name: 'twitter:image', content: 'https://avatars0.githubusercontent.com/u/23360933?v=3' },
{ name: 'twitter:image:alt', content: 'Nuxt.js logo' } { name: 'twitter:image:alt', content: 'Nuxt logo' }
] ]
} }
} }

View File

@ -1,6 +1,6 @@
export default { export default {
head: { head: {
titleTemplate: '%s - Nuxt.js', titleTemplate: '%s - Nuxt',
meta: [ meta: [
{ charset: 'utf-8' }, { charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' },

View File

@ -1,3 +1,3 @@
# A minimal Hello World Nuxt.js app # A minimal Hello World Nuxt app
https://nuxtjs.org/examples https://nuxtjs.org/examples

View File

@ -1,3 +1,3 @@
# Nested Routes with Nuxt.js # Nested Routes with Nuxt
[https://nuxtjs.org/examples/nested-routes](https://nuxtjs.org/examples/nested-routes) [https://nuxtjs.org/examples/nested-routes](https://nuxtjs.org/examples/nested-routes)

View File

@ -1,5 +1,5 @@
# New fetch() with Nuxt.js # New fetch() with Nuxt
Nuxt.js `v2.12` introduces a new hook called `fetch` in any of your Vue components. Nuxt `v2.12` introduces a new hook called `fetch` in any of your Vue components.
See [live demo](https://nuxt-new-fetch.surge.sh) and [documentation](https://nuxtjs.org/api/pages-fetch). See [live demo](https://nuxt-new-fetch.surge.sh) and [documentation](https://nuxtjs.org/api/pages-fetch).

View File

@ -1,3 +1,3 @@
# `<no-ssr>` with Nuxt.js # `<no-ssr>` with Nuxt
https://nuxtjs.org/examples https://nuxtjs.org/examples

View File

@ -1,3 +1,3 @@
# Example of Nuxt.js prefetching # Example of Nuxt prefetching
Learn more at https://github.com/nuxt/nuxt.js/pull/4574 Learn more at https://github.com/nuxt/nuxt.js/pull/4574

View File

@ -1,3 +1,3 @@
# Using external modules and plugins with Nuxt.js # Using external modules and plugins with Nuxt
https://nuxtjs.org/examples/plugins https://nuxtjs.org/examples/plugins

View File

@ -26,7 +26,7 @@ export default {
notifications: { notifications: {
showLoginError: { showLoginError: {
title: 'Welcome!', title: 'Welcome!',
message: 'Hello from nuxt.js', message: 'Hello from nuxt',
type: 'info' type: 'info'
} }
} }

View File

@ -1,6 +1,6 @@
# Pug + Stylus + Coffee template for Nuxt.js # Pug + Stylus + Coffee template for Nuxt
> Ultimative complete pack for coding with pleasure and Nuxt.js > Ultimative complete pack for coding with pleasure and Nuxt
## Build Setup ## Build Setup

View File

@ -4,4 +4,4 @@
The components directory contains your Vue.js Components. The components directory contains your Vue.js Components.
_Nuxt.js doesn't supercharge these components._ _Nuxt doesn't supercharge these components._

View File

@ -36,7 +36,7 @@ module.exports =
css: [] css: []
# Plugins to load before mounting the App # Plugins to load before mounting the App
plugins: [] plugins: []
# Nuxt.js modules # Nuxt modules
modules: modules:
[ [
'~/modules/coffeescript' '~/modules/coffeescript'

View File

@ -1,7 +1,7 @@
{ {
"name": "example-pug-stylus-coffee", "name": "example-pug-stylus-coffee",
"version": "1.0.0", "version": "1.0.0",
"description": "Nuxt.js with Pug Stylus and CoffeeScript", "description": "Nuxt with Pug Stylus and CoffeeScript",
"author": "Alex Ananiev <alex.ananiev.r@gmail.com>, Kron Austrum <huyach@protonmail.ch>", "author": "Alex Ananiev <alex.ananiev.r@gmail.com>, Kron Austrum <huyach@protonmail.ch>",
"private": true, "private": true,
"scripts": { "scripts": {

View File

@ -2,7 +2,7 @@
section.container section.container
div div
logo logo
h1.title Nuxt.js with Pug Stylus and Coffee! h1.title Nuxt with Pug Stylus and Coffee!
h2.subtitle {{ $store.state.msg }} h2.subtitle {{ $store.state.msg }}
//- h2.subtitle {{message}} //- h2.subtitle {{message}}
.links .links

View File

@ -3,7 +3,7 @@
**This directory is not required, you can delete it if you don't want to use it.** **This directory is not required, you can delete it if you don't want to use it.**
This directory contains your Vuex Store files. This directory contains your Vuex Store files.
Vuex Store option is implemented in the Nuxt.js framework. Vuex Store option is implemented in the Nuxt framework.
Creating a file in this directory automatically activates the option in the framework. Creating a file in this directory automatically activates the option in the framework.

View File

@ -1,3 +1,3 @@
# Nuxt.js with Pug # Nuxt with Pug
No further packages needed. It works out of the box. No further packages needed. It works out of the box.

View File

@ -1,4 +1,4 @@
# Routes meta with Nuxt.js # Routes meta with Nuxt
Demo: https://nuxt-routes-meta.glitch.me Demo: https://nuxt-routes-meta.glitch.me

View File

@ -1,3 +1,3 @@
# Routes transitions with Nuxt.js # Routes transitions with Nuxt
https://nuxtjs.org/examples/routes-transitions https://nuxtjs.org/examples/routes-transitions

View File

@ -1,3 +1,3 @@
# Custom scroll behavior with Nuxt.js # Custom scroll behavior with Nuxt
https://nuxtjs.org/examples/custom-scroll-behavior https://nuxtjs.org/examples/custom-scroll-behavior

View File

@ -8,11 +8,11 @@ export default {
** Headers of the page (works with SPA!) ** Headers of the page (works with SPA!)
*/ */
head: { head: {
title: 'SPA mode with Nuxt.js', title: 'SPA mode with Nuxt',
meta: [ meta: [
{ charset: 'utf-8' }, { charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: 'Single Page Application made with Nuxt.js' } { hid: 'description', name: 'description', content: 'Single Page Application made with Nuxt' }
], ],
link: [ link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' } { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="container"> <div class="container">
<img src="~static/nuxt-black.png"> <img src="~static/nuxt-black.png">
<h2>Thank you for testing nuxt.js</h2> <h2>Thank you for testing nuxt</h2>
<p>Loaded from the {{ name }}</p> <p>Loaded from the {{ name }}</p>
<p> <p>
<NuxtLink to="/"> <NuxtLink to="/">

View File

@ -1,10 +1,10 @@
# Storybook demo for Nuxt # Storybook demo for Nuxt
Demo showcasing [Storybook](https://storybook.js.org/) usage with Nuxt.js, [Vuetify](https://vuetifyjs.com) and [Vue-Charts](http://vue-chartjs.org/) Demo showcasing [Storybook](https://storybook.js.org/) usage with Nuxt, [Vuetify](https://vuetifyjs.com) and [Vue-Charts](http://vue-chartjs.org/)
## Features ## Features
* Supports `~` and `~~` Nuxt.js aliases * Supports `~` and `~~` Nuxt aliases
* Contains `storybase.js` with helper classes * Contains `storybase.js` with helper classes
* Integrates most of addons * Integrates most of addons
* Real life examples with Vuetify and Vue-Charts * Real life examples with Vuetify and Vue-Charts

View File

@ -7,7 +7,7 @@
</div> </div>
<v-card> <v-card>
<v-card-title class="headline"> <v-card-title class="headline">
Welcome to the Vuetify + Nuxt.js template Welcome to the Vuetify + Nuxt template
</v-card-title> </v-card-title>
<v-card-text> <v-card-text>
<p>Vuetify is a progressive Material Design component framework for Vue.js. It was designed to empower developers to create amazing applications.</p> <p>Vuetify is a progressive Material Design component framework for Vue.js. It was designed to empower developers to create amazing applications.</p>

View File

@ -3,7 +3,7 @@
**This directory is not required, you can delete it if you don't want to use it.** **This directory is not required, you can delete it if you don't want to use it.**
This directory contains your Vuex Store files. This directory contains your Vuex Store files.
Vuex Store option is implemented in the Nuxt.js framework. Vuex Store option is implemented in the Nuxt framework.
Creating a file in this directory activate the option in the framework automatically. Creating a file in this directory activate the option in the framework automatically.

View File

@ -1,8 +1,8 @@
# Using build.styleResources with Nuxt.js # Using build.styleResources with Nuxt
This is useful when you need to inject some variables and mixins in your pages without having to import them every time. This is useful when you need to inject some variables and mixins in your pages without having to import them every time.
Nuxt.js uses https://github.com/yenshih/style-resources-loader to achieve this behaviour. Nuxt uses https://github.com/yenshih/style-resources-loader to achieve this behaviour.
You need to specify the patterns/path you want to include for the given pre-processors: `css`, `less`, `sass`, `scss` or `stylus` You need to specify the patterns/path you want to include for the given pre-processors: `css`, `less`, `sass`, `scss` or `stylus`

View File

@ -9,7 +9,7 @@ export default {
{ {
hid: 'description', hid: 'description',
name: 'description', name: 'description',
content: 'A static site powered by Nuxt.js' content: 'A static site powered by Nuxt'
} }
] ]
}, },

View File

@ -1,4 +1,4 @@
# Nuxt.js with Tailwind CSS # Nuxt with Tailwind CSS
See https://tailwindcss.com/docs/what-is-tailwind/ See https://tailwindcss.com/docs/what-is-tailwind/

View File

@ -1,6 +1,6 @@
{ {
"name": "example-tailwindcss", "name": "example-tailwindcss",
"description": "Nuxt.js with Tailwind CSS", "description": "Nuxt with Tailwind CSS",
"scripts": { "scripts": {
"dev": "nuxt", "dev": "nuxt",
"build": "nuxt build", "build": "nuxt build",

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="uk-card uk-card-body uk-card-primary"> <div class="uk-card uk-card-body uk-card-primary">
<h3 class="uk-card-title"> <h3 class="uk-card-title">
Nuxt.js + UIKIT Nuxt + UIKIT
</h3> </h3>
<button class="uk-button uk-button-default" title="Hello World" uk-tooltip> <button class="uk-button uk-button-default" title="Hello World" uk-tooltip>
Hover Hover

View File

@ -1,6 +1,6 @@
export default { export default {
head: { head: {
title: 'Nuxt.js + Vue-ChartJS', title: 'Nuxt + Vue-ChartJS',
meta: [ meta: [
{ charset: 'utf-8' }, { charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' } { name: 'viewport', content: 'width=device-width, initial-scale=1' }

View File

@ -36,7 +36,7 @@ export default {
labels: contributors.map(c => c.login), labels: contributors.map(c => c.login),
datasets: [ datasets: [
{ {
label: 'Nuxt.js Contributors', label: 'Nuxt Contributors',
backgroundColor: contributors.map(getRandomColor), backgroundColor: contributors.map(getRandomColor),
data: contributors.map(c => c.contributions) data: contributors.map(c => c.contributions)
} }

View File

@ -23,7 +23,7 @@ export default {
labels: stats.map(stat => moment(stat.week * 1000).format('GGGG[-W]WW')), labels: stats.map(stat => moment(stat.week * 1000).format('GGGG[-W]WW')),
datasets: [ datasets: [
{ {
label: 'Nuxt.js Commit Activity', label: 'Nuxt Commit Activity',
backgroundColor: '#41B38A', backgroundColor: '#41B38A',
data: stats.map(stat => stat.total) data: stats.map(stat => stat.total)
} }

View File

@ -1,6 +1,6 @@
# Nuxt with web-workers using [Worker-loader](https://github.com/webpack-contrib/worker-loader) # Nuxt with web-workers using [Worker-loader](https://github.com/webpack-contrib/worker-loader)
> Nuxt.js project > Nuxt project
In nuxt 1.4 and below you have to create a production build to use web workers. In nuxt 1.4 and below you have to create a production build to use web workers.
@ -23,4 +23,4 @@ $ npm start
$ npm run generate $ npm run generate
``` ```
For detailed explanation on how things work, checkout the [Nuxt.js docs](https://github.com/nuxt/nuxt.js). For detailed explanation on how things work, checkout the [Nuxt docs](https://github.com/nuxt/nuxt.js).

View File

@ -1,6 +1,6 @@
# COMPONENTS # COMPONENTS
The components directory contains your Vue.js Components. The components directory contains your Vue.js Components.
Nuxt.js doesn't supercharge these components. Nuxt doesn't supercharge these components.
**This directory is not required, you can delete it if you don't want to use it.** **This directory is not required, you can delete it if you don't want to use it.**

View File

@ -7,7 +7,7 @@ module.exports = {
meta: [ meta: [
{ charset: 'utf-8' }, { charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: 'Nuxt.js project' } { hid: 'description', name: 'description', content: 'Nuxt project' }
], ],
link: [ link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' } { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }

View File

@ -1,6 +1,6 @@
{ {
"name": "web-worker", "name": "web-worker",
"description": "Demo web workers in nuxt.js", "description": "Demo web workers in nuxt",
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "nuxt", "dev": "nuxt",

View File

@ -6,7 +6,7 @@
web-worker web-worker
</h1> </h1>
<h2 class="subtitle"> <h2 class="subtitle">
Nuxt.js project Nuxt project
</h2> </h2>
<p>{{ notification }}</p> <p>{{ notification }}</p>
<ul class="list"> <ul class="list">

View File

@ -2,6 +2,6 @@
> AVA is a test runner for Node.js with a concise API, detailed error output, embrace of new language features and process isolation that let you write tests more effectively. So you can ship more awesome code. rocket > AVA is a test runner for Node.js with a concise API, detailed error output, embrace of new language features and process isolation that let you write tests more effectively. So you can ship more awesome code. rocket
## Testing your Nuxt.js Application ## Testing your Nuxt Application
https://nuxtjs.org/examples/testing https://nuxtjs.org/examples/testing

View File

@ -7,7 +7,7 @@ import test from 'ava'
// So we can close them at the end of the test // So we can close them at the end of the test
let nuxt = null let nuxt = null
// Init Nuxt.js and create a server listening on localhost:4000 // Init Nuxt and create a server listening on localhost:4000
test.before(async () => { test.before(async () => {
const config = { const config = {
dev: false, dev: false,
@ -38,6 +38,6 @@ test('Route / exits and render HTML with CSS applied', async (t) => {
}) })
// Close server and ask nuxt to stop listening to file changes // Close server and ask nuxt to stop listening to file changes
test.after('Closing server and nuxt.js', (t) => { test.after('Closing server and nuxt', (t) => {
nuxt.close() nuxt.close()
}) })

View File

@ -1,5 +1,5 @@
# Nuxt with cookies # Nuxt with cookies
This demo showcases reading/updating cookies with Nuxt.js This demo showcases reading/updating cookies with Nuxt
https://nuxtjs.org/examples https://nuxtjs.org/examples

View File

@ -1,6 +1,6 @@
{ {
"name": "example-with-feathers", "name": "example-with-feathers",
"description": "Nuxt.js with FeathersJS", "description": "Nuxt with FeathersJS",
"version": "1.0.0", "version": "1.0.0",
"main": "src/", "main": "src/",
"keywords": [ "keywords": [

View File

@ -1,7 +1,7 @@
import { resolve } from 'path' import { resolve } from 'path'
import { Nuxt, Builder } from 'nuxt' import { Nuxt, Builder } from 'nuxt'
// Setup nuxt.js // Setup nuxt
let config = {} let config = {}
try { try {
config = require('../../nuxt.config.js') config = require('../../nuxt.config.js')
@ -17,7 +17,7 @@ if (config.dev) {
process.nextTick(() => process.emit('nuxt:build:done')) process.nextTick(() => process.emit('nuxt:build:done'))
} }
// Add nuxt.js middleware // Add nuxt middleware
export default function (req, res) { export default function (req, res) {
nuxt.render(req, res) nuxt.render(req, res)
} }

View File

@ -13,7 +13,7 @@ You can view the Firebase data at [https://nuxt-firebase.firebaseio.com/.json](h
Download this example [or clone the repo](https://github.com/nuxt/nuxt.js): Download this example [or clone the repo](https://github.com/nuxt/nuxt.js):
```bash ```bash
curl https://codeload.github.com/nuxt/nuxt.js/tar.gz/master | tar -xz --strip=2 nuxt.js-master/examples/with-firebase curl https://codeload.github.com/nuxt/nuxt.js/tar.gz/master | tar -xz --strip=2 nuxt-master/examples/with-firebase
cd with-firebase cd with-firebase
``` ```

View File

@ -3,7 +3,7 @@
<div class="header"> <div class="header">
<nav> <nav>
<h1 @click="$router.push('/')"> <h1 @click="$router.push('/')">
Nuxt.js + Firebase Nuxt + Firebase
</h1> </h1>
</nav> </nav>
</div> </div>

View File

@ -1,7 +1,7 @@
{ {
"name": "example-with-firebase", "name": "example-with-firebase",
"version": "1.0.0", "version": "1.0.0",
"description": "Nuxt.js with Firebase", "description": "Nuxt with Firebase",
"scripts": { "scripts": {
"dev": "nuxt", "dev": "nuxt",
"build": "nuxt build", "build": "nuxt build",

View File

@ -1,4 +1,4 @@
# `<keep-alive>` with Nuxt.js # `<keep-alive>` with Nuxt
Introduced in v1.2.0, you can add the `keep-alive` prop to `<Nuxt/>` or `<NuxtChild/>` to "keep alive" the pages. Introduced in v1.2.0, you can add the `keep-alive` prop to `<Nuxt/>` or `<NuxtChild/>` to "keep alive" the pages.

View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<mu-appbar title="Nuxt.js"> <mu-appbar title="Nuxt">
<mu-icon-button slot="left" icon="menu" @click="toggle()" /> <mu-icon-button slot="left" icon="menu" @click="toggle()" />
<mu-icon-menu slot="right" icon="expand_more"> <mu-icon-menu slot="right" icon="expand_more">
<mu-menu-item value="1" title="One" /> <mu-menu-item value="1" title="One" />

View File

@ -1,4 +1,4 @@
# Nuxt.js with [Purgecss](https://www.purgecss.com/) (and [Tailwind CSS](https://tailwindcss.com)) # Nuxt with [Purgecss](https://www.purgecss.com/) (and [Tailwind CSS](https://tailwindcss.com))
> *Tailwind CSS* is a utility-first CSS framework for rapidly building custom user interfaces. > *Tailwind CSS* is a utility-first CSS framework for rapidly building custom user interfaces.

View File

@ -1,6 +1,6 @@
{ {
"name": "example-with-purgecss", "name": "example-with-purgecss",
"description": "Nuxt.js with Tailwind CSS", "description": "Nuxt with Tailwind CSS",
"scripts": { "scripts": {
"dev": "nuxt", "dev": "nuxt",
"build": "nuxt build", "build": "nuxt build",

View File

@ -1,6 +1,6 @@
# Nuxt with [Socket.io](https://socket.io/) # Nuxt with [Socket.io](https://socket.io/)
An example for Nuxt.js with WebSockets over Socket.io. An example for Nuxt with WebSockets over Socket.io.
> Socket.IO enables real-time, bidirectional and event-based communication. > Socket.IO enables real-time, bidirectional and event-based communication.
> It works on every platform, browser or device, focusing equally on reliability and speed. > It works on every platform, browser or device, focusing equally on reliability and speed.

View File

@ -7,7 +7,7 @@ const server = http.createServer(app)
const io = require('socket.io')(server) const io = require('socket.io')(server)
const { Nuxt, Builder } = require('nuxt') const { Nuxt, Builder } = require('nuxt')
// We instantiate Nuxt.js with the options // We instantiate Nuxt with the options
const config = require('./nuxt.config.js') const config = require('./nuxt.config.js')
config.dev = !isProd config.dev = !isProd

View File

@ -1,4 +1,4 @@
# Nuxt.js With [Vue-Material](https://vuematerial.io/) # Nuxt With [Vue-Material](https://vuematerial.io/)
> Vue Material is a Vue.js bassed Material Design component library > Vue Material is a Vue.js bassed Material Design component library

View File

@ -1,4 +1,4 @@
# Using [Vuetify.js](https://vuetifyjs.com/en/) with Nuxt.js # Using [Vuetify.js](https://vuetifyjs.com/en/) with Nuxt
> Vuetify is a Vue based Material Design Component Framework > Vuetify is a Vue based Material Design Component Framework

View File

@ -1,3 +1,3 @@
# Showcase of Nuxt.js and [VUX](https://github.com/airyland/vux) # Showcase of Nuxt and [VUX](https://github.com/airyland/vux)
> VUX is a Mobile UI Components based on Vue & WeUI. > VUX is a Mobile UI Components based on Vue & WeUI.

View File

@ -1,5 +1,5 @@
{ {
"name": "nuxt.js", "name": "nuxt",
"private": true, "private": true,
"repository": { "repository": {
"type": "git", "type": "git",

View File

@ -1,7 +1,7 @@
{ {
"name": "@nuxt/babel-preset-app", "name": "@nuxt/babel-preset-app",
"version": "2.14.7", "version": "2.14.7",
"description": "babel-preset-app for nuxt.js", "description": "babel-preset-app for nuxt",
"repository": "nuxt/nuxt.js", "repository": "nuxt/nuxt.js",
"license": "MIT", "license": "MIT",
"author": "Evan You", "author": "Evan You",

View File

@ -380,7 +380,7 @@ export default class Builder {
trailingSlash trailingSlash
}) })
} else if (this._nuxtPages) { } else if (this._nuxtPages) {
// Use nuxt.js createRoutes bases on pages/ // Use nuxt createRoutes bases on pages/
const files = {} const files = {}
const ext = new RegExp(`\\.(${this.supportedExtensions.join('|')})$`) const ext = new RegExp(`\\.(${this.supportedExtensions.join('|')})$`)
for (const page of await this.resolveFiles(this.options.dir.pages)) { for (const page of await this.resolveFiles(this.options.dir.pages)) {

View File

@ -16,7 +16,7 @@ export default {
alias: 'c', alias: 'c',
type: 'string', type: 'string',
default: defaultNuxtConfigFile, default: defaultNuxtConfigFile,
description: `Path to Nuxt.js config file (default: \`${defaultNuxtConfigFile}\`)` description: `Path to Nuxt config file (default: \`${defaultNuxtConfigFile}\`)`
}, },
modern: { modern: {
alias: 'm', alias: 'm',
@ -43,7 +43,7 @@ export default {
default (cmd) { default (cmd) {
return ['build', 'generate', 'export'].includes(cmd.name) return ['build', 'generate', 'export'].includes(cmd.name)
}, },
description: 'Whether Nuxt.js should force exit after the command has finished' description: 'Whether Nuxt should force exit after the command has finished'
}, },
version: { version: {
alias: 'v', alias: 'v',

View File

@ -21,7 +21,7 @@ export function showBanner (nuxt, showMemoryUsage = true) {
// Name and version // Name and version
const { bannerColor, badgeMessages } = nuxt.options.cli const { bannerColor, badgeMessages } = nuxt.options.cli
titleLines.push(`${chalk[bannerColor].bold('Nuxt.js')} @ ${nuxt.constructor.version || 'exotic'}\n`) titleLines.push(`${chalk[bannerColor].bold('Nuxt')} @ ${nuxt.constructor.version || 'exotic'}\n`)
const label = name => chalk.bold.cyan(`${name}:`) const label = name => chalk.bold.cyan(`${name}:`)

View File

@ -41,9 +41,9 @@ export function forceExit (cmdName, timeout) {
if (timeout !== false) { if (timeout !== false) {
const exitTimeout = setTimeout(() => { const exitTimeout = setTimeout(() => {
const msg = `The command 'nuxt ${cmdName}' finished but did not exit after ${timeout}s const msg = `The command 'nuxt ${cmdName}' finished but did not exit after ${timeout}s
This is most likely not caused by a bug in Nuxt.js This is most likely not caused by a bug in Nuxt
Make sure to cleanup all timers and listeners you or your plugins/modules start. Make sure to cleanup all timers and listeners you or your plugins/modules start.
Nuxt.js will now force exit Nuxt will now force exit
${chalk.bold('DeprecationWarning: Starting with Nuxt version 3 this will be a fatal error')}` ${chalk.bold('DeprecationWarning: Starting with Nuxt version 3 this will be a fatal error')}`

View File

@ -13,7 +13,7 @@ exports[`cli/command builds help text 1`] = `
--spa, -s Launch in SPA mode --spa, -s Launch in SPA mode
--universal, -u Launch in Universal --universal, -u Launch in Universal
mode (default) mode (default)
--config-file, -c Path to Nuxt.js --config-file, -c Path to Nuxt
config file (default: nuxt.config) config file (default: nuxt.config)
--modern, -m Build/Start app for --modern, -m Build/Start app for
modern browsers, e.g. server, client and modern browsers, e.g. server, client and
@ -21,7 +21,7 @@ exports[`cli/command builds help text 1`] = `
--target, -t Build/start app for a --target, -t Build/start app for a
different target, e.g. server, different target, e.g. server,
serverless and static serverless and static
--force-exit Whether Nuxt.js --force-exit Whether Nuxt
should force exit after the command has should force exit after the command has
finished finished
--version, -v Display the Nuxt --version, -v Display the Nuxt

View File

@ -167,7 +167,7 @@ describe('cli/utils', () => {
expect(successBox).toHaveBeenCalledTimes(1) expect(successBox).toHaveBeenCalledTimes(1)
expect(stdout).toHaveBeenCalledTimes(1) expect(stdout).toHaveBeenCalledTimes(1)
expect(stdout).toHaveBeenCalledWith(expect.stringMatching('Nuxt.js')) expect(stdout).toHaveBeenCalledWith(expect.stringMatching('Nuxt'))
expect(stdout).toHaveBeenCalledWith(expect.stringMatching(`Listening: ${listeners[0].url}`)) expect(stdout).toHaveBeenCalledWith(expect.stringMatching(`Listening: ${listeners[0].url}`))
expect(stdout).toHaveBeenCalledWith(expect.stringMatching(`Listening: ${listeners[1].url}`)) expect(stdout).toHaveBeenCalledWith(expect.stringMatching(`Listening: ${listeners[1].url}`))
expect(stdout).toHaveBeenCalledWith(expect.stringMatching('Memory usage')) expect(stdout).toHaveBeenCalledWith(expect.stringMatching('Memory usage'))
@ -197,7 +197,7 @@ describe('cli/utils', () => {
expect(successBox).toHaveBeenCalledTimes(1) expect(successBox).toHaveBeenCalledTimes(1)
expect(stdout).toHaveBeenCalledTimes(1) expect(stdout).toHaveBeenCalledTimes(1)
expect(stdout).toHaveBeenCalledWith(expect.stringMatching('Nuxt.js')) expect(stdout).toHaveBeenCalledWith(expect.stringMatching('Nuxt'))
expect(stdout).not.toHaveBeenCalledWith(expect.stringMatching('Memory usage')) expect(stdout).not.toHaveBeenCalledWith(expect.stringMatching('Memory usage'))
stdout.mockRestore() stdout.mockRestore()
}) })
@ -226,7 +226,7 @@ describe('cli/utils', () => {
expect(successBox).toHaveBeenCalledTimes(1) expect(successBox).toHaveBeenCalledTimes(1)
expect(stdout).toHaveBeenCalledTimes(1) expect(stdout).toHaveBeenCalledTimes(1)
expect(stdout).toHaveBeenCalledWith(expect.stringMatching('Nuxt.js')) expect(stdout).toHaveBeenCalledWith(expect.stringMatching('Nuxt'))
expect(stdout).toHaveBeenCalledWith(expect.stringMatching('▸ Environment:')) expect(stdout).toHaveBeenCalledWith(expect.stringMatching('▸ Environment:'))
expect(stdout).toHaveBeenCalledWith(expect.stringMatching('▸ Rendering:')) expect(stdout).toHaveBeenCalledWith(expect.stringMatching('▸ Rendering:'))
expect(stdout).toHaveBeenCalledWith(expect.stringMatching('▸ Target:')) expect(stdout).toHaveBeenCalledWith(expect.stringMatching('▸ Target:'))
@ -249,7 +249,7 @@ describe('cli/utils', () => {
expect(exit).not.toHaveBeenCalled() expect(exit).not.toHaveBeenCalled()
jest.runAllTimers() jest.runAllTimers()
expect(stderr).toHaveBeenCalledWith(expect.stringMatching('Nuxt.js will now force exit')) expect(stderr).toHaveBeenCalledWith(expect.stringMatching('Nuxt will now force exit'))
expect(exit).toHaveBeenCalledTimes(1) expect(exit).toHaveBeenCalledTimes(1)
stderr.mockRestore() stderr.mockRestore()

View File

@ -2,7 +2,7 @@ export default () => ({
loading: 'Loading...', loading: 'Loading...',
error_404: 'This page could not be found', error_404: 'This page could not be found',
server_error: 'Server error', server_error: 'Server error',
nuxtjs: 'Nuxt.js', nuxtjs: 'Nuxt',
back_to_home: 'Back to the home page', back_to_home: 'Back to the home page',
server_error_details: server_error_details:
'An error occurred in the application and your page could not be served. If you are the application owner, check your logs for details.', 'An error occurred in the application and your page could not be served. If you are the application owner, check your logs for details.',

View File

@ -267,7 +267,7 @@ Object {
"client_error_details": "An error occurred while rendering the page. Check developer tools console for details.", "client_error_details": "An error occurred while rendering the page. Check developer tools console for details.",
"error_404": "This page could not be found", "error_404": "This page could not be found",
"loading": "Loading...", "loading": "Loading...",
"nuxtjs": "Nuxt.js", "nuxtjs": "Nuxt",
"server_error": "Server error", "server_error": "Server error",
"server_error_details": "An error occurred in the application and your page could not be served. If you are the application owner, check your logs for details.", "server_error_details": "An error occurred in the application and your page could not be served. If you are the application owner, check your logs for details.",
}, },

View File

@ -238,7 +238,7 @@ Object {
"client_error_details": "An error occurred while rendering the page. Check developer tools console for details.", "client_error_details": "An error occurred while rendering the page. Check developer tools console for details.",
"error_404": "This page could not be found", "error_404": "This page could not be found",
"loading": "Loading...", "loading": "Loading...",
"nuxtjs": "Nuxt.js", "nuxtjs": "Nuxt",
"server_error": "Server error", "server_error": "Server error",
"server_error_details": "An error occurred in the application and your page could not be served. If you are the application owner, check your logs for details.", "server_error_details": "An error occurred in the application and your page could not be served. If you are the application owner, check your logs for details.",
}, },
@ -615,7 +615,7 @@ Object {
"client_error_details": "An error occurred while rendering the page. Check developer tools console for details.", "client_error_details": "An error occurred while rendering the page. Check developer tools console for details.",
"error_404": "This page could not be found", "error_404": "This page could not be found",
"loading": "Loading...", "loading": "Loading...",
"nuxtjs": "Nuxt.js", "nuxtjs": "Nuxt",
"server_error": "Server error", "server_error": "Server error",
"server_error_details": "An error occurred in the application and your page could not be served. If you are the application owner, check your logs for details.", "server_error_details": "An error occurred in the application and your page could not be served. If you are the application owner, check your logs for details.",
}, },

Some files were not shown because too many files have changed in this diff Show More