choc | permissively licensed , to provide basic useful tasks | File Utils library

I can recommend you to use this example. The line [key: string]: Array | string; is for future properties which can be added in future. After I listed need properties and their types. The main problem is you can not combine several types and then access to property which is not included in both of types. For example I didn't list the randomString property but I can easily access to its n-th element because both of array and string has this property

As you're passing the sname property as a string via a prop to your List.vue component, you'll just need to use that string in your filter function.

Not clear, but suggestion is use v-html instead of append

You may not get a very good intuitive understanding of usual word2vec behavior using these sorts of product-baskets as training data. The algorithm was originally developed for natural-language texts, where texts are runs of tokens whose frequencies, & co-occurrences, follow certain indicative patterns.

People certainly do use word2vec on runs-of-tokens that aren't natural language - like product baskets, or logs-of-actions, etc – but to the extent such tokens have very-different patterns, it's possible extra preprocessing or tuning will be necessary, or useful results will be harder to get.

As just a few ways customer-purchases might be different from real language, depending on what your "pseudo-texts" actually represent:

• the ordering within a text might be an artifact of how you created the data-dump rather than anything meaningful
• the nearest-neighbors to each token within the window may or may not be significant, compared to more distant tokens
• customer ordering patterns might in general not be as reflective of shades-of-relationships as words-in-natural-language text

So it's not automatic that word2vec will give interesting results here, for recommendatinos.

That's especially the case with small datasets, or tiny dummy datasets. Word2vec requires lots of varied data to pack elements into interesting relative positions in a high-dimensional space. Even small demos usually have a vocabulary (count of unique tokens) of tens-of-thousands, with training texts that provide varied usage examples of every token dozens of times.

Without that, the model never learns anything interesing/generalizable. That's especially the case if trying to create a many-dimensions model (say the default vector_size=100) with a tiny vocabulary (just dozens of unique tokens) with few usage examples per example. And it only gets worse if tokens appear fewer than the default min_count=5 times – when they're ignored entirely. So don't expect anything interesting to come from your dummy data, at all.

If you want to develop an intuition, I'd try some tutorials & other goals with real natural language text 1st, with a variety of datasets & parameters, to get a sense of what has what kind of effects on result usefulness – & only after that try to adapt word2vec to other data.

Negative-sampling is the default, & works well with typical datasets, especially as they grow large (where negative-sampling suffes less of a performance hit than hierarchical-softmax with large vocabularies). But a toggle between those two modes is unlike to cause giant changes in quality unless there are other problems.

Sufficient data, of the right kind, is the key – & then tweaking parameters may nudge end-result usefulness in a better direction, or shift it to be better for certain purposes.

But more specific parameter tips are only possible with clearer goals, once some baseline is working.

This isn't perfect, but I think it will get you what you are looking for. Your first loops through the data to collect GTIN, LOT, and Date is overwriting itself. Look for the "added" and "removed" in the comments. I also have a method of viewing the results commented out. (The code works if you wanted to use it.) I also have two that are not commented out. The last version requires the packaged tabulate. This code requires the packages numpy and re, as well.

I included all of your original code and the changes. Let me know if there's anything I failed to clarify.

You have defined the data as an array named chocs. Containing an object with an url.

This would be saved as follows:

You can define a new method that accepts the subdescription and returns the function to be called. This would be used as a value for the click handler:

You can concat the id with variable x and y

Inside your event handler you are using this.choc which would be undefined because it does not exist in the vue model. You need to pass the choc object to your event handler: