chore: Keep Nuxt's 'asyncData' and 'fetch' with 'data' (#823)

* chore: Keep Nuxt's 'asyncData' and 'fetch' with 'data'

Change the order of asyncData and fetch properties to be next
to data property. All those are function-wise more or less
equivalent so IMO it makes sense to keep them together. asyncData
and fetch are primarily for setting up component's data.

* Update order per review

* Add also 'head' property

* Change order of 'head'

Author: rchl

docs/rules/order-in-components.md

@@ -74,11 +74,14 @@ export default {
       "inheritAttrs",
       "model",
       ["props", "propsData"],
+      "fetch",
+      "asyncData",
       "data",
       "computed",
       "watch",
       "LIFECYCLE_HOOKS",
       "methods",
+      "head",
       ["template", "render"],
       "renderError"
     ]

lib/rules/order-in-components.js

@@ -19,13 +19,14 @@ const defaultOrder = [
   'inheritAttrs',
   'model',
   ['props', 'propsData'],
+  'fetch',
+  'asyncData',
   'data',
   'computed',
   'watch',
-  'asyncData',
-  'fetch',
   'LIFECYCLE_HOOKS',
   'methods',
+  'head',
   ['template', 'render'],
   'renderError'
 ]