Nested properties

docs/content/en/configuration.md

@@ -63,6 +63,20 @@ content: {
 }
 ```
 
+### `nestedProperties`
+
+- Type `Array`
+- Default: `[]`
+- Version: **v2.0.0**
+
+Register nested properties to handle dot-notation and deep filtering.
+
+```js{}[nuxt.config.js]
+content: {
+  nestedProperties: ['categories.slug']
+}
+```
+
 ### `markdown`
 
 This module uses [remark](https://github.com/remarkjs/remark) under the hood to compile markdown files into JSON AST that will be stored into the `body` variable.
@@ -161,8 +175,12 @@ export default {
     apiPrefix: '_content',
     dir: 'content',
     fullTextSearchFields: ['title', 'description', 'slug', 'text'],
+    nestedProperties: [],
     markdown: {
       externalLinks: {},
+      footnotes: {
+        inlineNotes: true
+      },
       basePlugins: ['remark-squeeze-paragraphs', 'remark-slug', 'remark-autolink-headings', 'remark-external-links', 'remark-footnotes'],
       plugins: [],
       prism: {

docs/content/en/fetching.md

@@ -57,6 +57,14 @@ const articles = await this.$content('articles').where({ age: { $gt: 18 } }).fet
 const articles = await this.$content('articles').where({ name: { $in: ['odin', 'thor'] } }).fetch()
 ```
 
+In order to filter in objects and array you need to enable nestedProperties, see [configuration](/configuration#nestedproperties).
+
+```js
+const products = await this.$content('products').where({ 'categories.slug': { $contains: 'top' } }).fetch()
+
+const products = await this.$content('products').where({ 'categories.slug': { $contains: ['top', 'woman'] } }).fetch()
+```
+
 This module uses LokiJS under the hood, you can check for [query examples](https://github.com/techfort/LokiJS/wiki/Query-Examples#find-queries).
 
 ### sortBy(key, direction)

example/content/products/jean.json

@@ -0,0 +1,14 @@
+{
+  "title": "Jean",
+  "categories": [
+    {
+      "slug": "man"
+    },
+    {
+      "slug": "woman"
+    },
+    {
+      "slug": "bottom"
+    }
+  ]
+}

example/content/products/shirt.json

@@ -0,0 +1,11 @@
+{
+  "title": "Shirt",
+  "categories": [
+    {
+      "slug": "woman"
+    },
+    {
+      "slug": "top"
+    }
+  ]
+}

example/content/products/short.json

@@ -0,0 +1,11 @@
+{
+  "title": "Short",
+  "categories": [
+    {
+      "slug": "man"
+    },
+    {
+      "slug": "bottom"
+    }
+  ]
+}

example/content/products/tshirt.json

@@ -0,0 +1,14 @@
+{
+  "title": "T-Shirt",
+  "categories": [
+    {
+      "slug": "man"
+    },
+    {
+      "slug": "woman"
+    },
+    {
+      "slug": "top"
+    }
+  ]
+}

example/nuxt.config.js

@@ -10,5 +10,10 @@ module.exports = {
   ],
   plugins: [
     '~/plugins/components'
-  ]
+  ],
+  content: {
+    nestedProperties: [
+      'categories.slug'
+    ]
+  }
 }

example/pages/products/index.vue

@@ -0,0 +1,28 @@
+<template>
+  <div>
+    <nuxt-link to="/">Home</nuxt-link>
+    <h2>Nuxt.js Shop</h2>
+
+    <ul>
+      <li
+        v-for="product in products"
+        :key="product.slug"
+      >{{ product.title }} - {{ product.categories.map(category => category.slug).join(', ') }}</li>
+    </ul>
+  </div>
+</template>
+
+<script>
+export default {
+  watchQuery: true,
+  async asyncData ({ $content, route }) {
+    const products = await $content('products')
+      .where({ 'categories.slug': { $contains: ['top', 'man'] } })
+      .fetch()
+
+    return {
+      products
+    }
+  }
+}
+</script>

lib/database.js

@@ -27,7 +27,10 @@ class Database extends Hookable {
     // Create Loki database
     this.db = new Loki('content.db')
     // Init collection
-    this.items = this.db.addCollection('items', { fullTextSearch: options.fullTextSearchFields.map(field => ({ field })) })
+    this.items = this.db.addCollection('items', {
+      fullTextSearch: options.fullTextSearchFields.map(field => ({ field })),
+      nestedProperties: options.nestedProperties
+    })
     // Call chokidar watch if option if provided (dev only)
     options.watch && this.watch()
     this.options = options

lib/index.js

@@ -12,6 +12,7 @@ const defaults = {
   apiPrefix: '_content',
   dir: 'content',
   fullTextSearchFields: ['title', 'description', 'slug', 'text'],
+  nestedProperties: [],
   markdown: {
     basePlugins: [
       'remark-squeeze-paragraphs',