Comments (9)
Hello @cartoonmadrasah
Do you possibly have a repo I could look at? If not, would you be able to show me the output of a query using that type? I.e.
query {
predubai (id: something) {
Id
Emirate
...etc
}
}
Those search fields look as if they may be custom object types, rather than strings/IDs etc?
from gridsome-plugin-flexsearch.
from gridsome-plugin-flexsearch.
Yes, as I thought, those fields are actually objects - in your server file could you do emirate: Item.emirate['_text']
for each field, so when you query emirate
it will be a string? Then flexsearch should be able to index it.
from gridsome-plugin-flexsearch.
I tried with the ID field. That did not work. I also tested it with one field using the method you suggested (company_name). It also did not work.
I followed the instructions as they were given but now I have basic question maybe that do I need to also import the library in the main.js or just by calling it on the gridsome.config.js sufficient.
Kindly give me your email id so that I may add you to the repository.
from gridsome-plugin-flexsearch.
@cartoonmadrasah please use [email protected]
The plugin will automatically configure the client for you, so you should just be able to use this.$search
in your code (or import the included mixin).
from gridsome-plugin-flexsearch.
I have added you to the repo.
from gridsome-plugin-flexsearch.
@cartoonmadrasah Just had a look at that repo, and it all seems to work?
searching for the ID won't work, as you need at least 3 characters to start searching... if (searchTerm.length < 3) return []
but searching for the company name should work.
Results won't show up in Search.vue
, as you are trying to display result.title
- try changing this to result.company_name
for example.
from gridsome-plugin-flexsearch.
P.S. You could also easily loop through the object keys, converting them to snake case, and setting _text as the direct value:
const { snakeCase } = require('snake-case')
for (const item of predata.Listings.Listing) {
const doc = Object.entries(item).reduce((obj, [key, value]) => ({ [ snakeCase(key) ]: value._text, ...obj }), {})
contentType.addNode(doc)
}
from gridsome-plugin-flexsearch.
Oh wow, thank you so much.
from gridsome-plugin-flexsearch.
Related Issues (20)
- TypeError: Object.fromEntries is not a function - after upgrading to gridsome v0.7.17 HOT 5
- Error when manually fetching flexsearch.json after upgrading to version 1.0.1 HOT 2
- Image src is wrong HOT 7
- Getting Object.fromEntries is not a function when deploying in Netlify HOT 4
- Problem configuring FlexSearch HOT 2
- Field date HOT 2
- Tags object HOT 2
- Not work with Cyrillic HOT 1
- Deal with custom field resolvers HOT 1
- Is there a way to search by a nested object value? HOT 4
- Only certain fields are successfully added to the Flexsearch Index, despite configuration HOT 2
- Results effected by searchFields order HOT 6
- Causes UnhandledPromiseRejectionWarning in @gridsome\source-filesystem HOT 3
- Using Gridsome-graphql-source with flexsearch not workin HOT 2
- How to make it work with Contentful Source HOT 2
- Asking for a little help setting up with a section built with strapi HOT 1
- v2 Causes undefined Error HOT 7
- Cannot read property 'map' of undefined HOT 15
- Support callback function or regex in autoFetch HOT 2
- Not working with gridsome upgrade to 0.7.23 HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from gridsome-plugin-flexsearch.