docs: eslint + definePage

See #511

Author: posva

docs/guide/eslint.md

@@ -9,3 +9,15 @@ If you are not using auto imports, you will need to tell ESlint about `vue-route
   }
 }
 ```
+
+## `definePage()`
+
+Since `definePage()` is a global macro, you need to tell ESlint about it. Add these lines to your eslint configuration:
+
+```json{3}
+{
+  "globals": {
+    "definePage": "readonly"
+  }
+}
+```

docs/guide/extending-routes.md

@@ -66,6 +66,8 @@ definePage({
 </template>
 ```
 
+If you are using ESLint, you will need [to declare it as a global variable](../guide/eslint.md#definepage).
+
 ::: danger
 You cannot use variables in `definePage()` as its passed parameter gets extracted at build time and is removed from `<script setup>`. Similar to other macros like `definePageMeta()` in Nuxt.
 :::