title: Looking for a custom tag-based query language in Javascript
body: <p>I'm looking for a query language which I can use in a vue.js input field, possibly with suggestions of fields, values and logical instructions.
  In the backend I have a spring boot application connected to an elasticsearch database.</p>
  <p>The documents contains some simple text fields, some nested text-fields, as well as some number-fields. I would like to build a site, where I can query over different fields in a language similar to similar to <a href="https://www.elastic.co/guide/en/kibana/current/kuery-query.html" rel="nofollow noreferrer">Kibana Query Language</a> or <a href="https://lucene.apache.org/core/2_9_4/queryparsersyntax.html" rel="nofollow noreferrer">Lucene's  Query Syntax</a>.</p>
  <p>What I prefer is to query like</p>
  <pre><code>field1:&quot;quick brown fox&quot; and nestedfield.field34:&quot;Lorem ipsum dolor sit&quot; and nestedfield.numberfield:161
  </code></pre>
  <blockquote>
  <p>ES should look for documents, having <code>field1</code> with value of &quot;<code>quick brown fox</code>&quot; and <code>nestedfield.field34</code> with value &quot;<code>Lorem ipsum dolor sit</code>&quot; and <code>nestedfield.numberfield</code> must contain the number <code>161</code>.</p>
  </blockquote>
  <p>Is there any idea of creating a custom query language or are there any (open source) implementations? When creating a custom one, one has to translate it to the <a href="https://www.elastic.co/guide/en/elasticsearch/reference/current/query-dsl.html" rel="nofollow noreferrer">elasticsearch query-language</a>.</p>