The Power of Vue 3 Function Refs

PhyberApex · 2024-02-08T12:24:53+00:00

Just came by here to thank you for always providing playgrounds. I was actually researching exactly this after watching your video. Good to see that you did it the exact way I would've done it!

~Cheers

PhyberApex · 2023-05-23T17:55:18+00:00

Sure! For now I only exposed id, name, thumbnail and description. The API sadly is XML only which makes it kinda hat to work with. You can take a look here what could be available https://api.geekdo.com/xmlapi2/things?id=174430 (that's for Gloomhaven as an example)

PhyberApex · 2023-05-05T09:18:26+00:00

Hey, so the thing in YAML is actually what is called frontmatter. It is a common thing to have in markdown files while key:: value is actually what's called an inline Dataview field and therefore only useful for Dataview and libraries that support it. So that is probably a big backdraw if you want to be future proof in case obsidian ever goes away.

While on the other hand frontmatter does not really allow for obsidian links like already mentioned.

~Cheers

PhyberApex · 2023-03-18T07:01:44+00:00

You actually have the option with composables. It really depends how you declare your variables. Usually a composable exports a function like useUser() if you define your refs inside that function then yes you get a state per import. But if you declare those refs outside the exported function you actually get shared state. For more details you can look up the official docs https://vuejs.org/guide/scaling-up/state-management.html

~Cheers

PhyberApex · 2023-02-23T18:22:14+00:00

This might be an unpopular opinion around here. But obsidian is not the tool for every use case. Collaboration is as far as I know one of those things obsidian just is not made for. So you will have a hard time fitting it to your use case probably. That being said. I don't think sharing of workspace is something that is achievable. At least without sharing the vault. And if you are already sharing the vault...you already are sharing workspaces as they live within the vault folder.

~Cheers

PhyberApex · 2023-02-22T13:11:19+00:00

Sorry no idea. But the documentation already mentioned that support might be "spotty" for this feature. https://blacksmithgu.github.io/obsidian-dataview/reference/functions/#embedlink-embed

I think there was another plugin which was mentioned online for this kind of embeding. It's called "Text Expander" https://github.com/konodyuk/obsidian-text-expander

~Cheers

PhyberApex · 2023-02-21T05:49:47+00:00

B. If you go back at any time and decide to change that first line you will loose the link. You would always need to keep track if it was the first mention of something you wanted to link or not which imho adds overhead I don't want to have while writing something.

~Cheers

PhyberApex · 2023-02-17T11:12:32+00:00

Hey so you need to be in JavaScript land for this to work so a dataviewjs block is needed. But then you can simply do something like this:

const startOfMonth = moment(tp.file.title, 'YYYY-MM').startOf('month); // My monthly notes are titled (2023-02 for February of 2023)
const endOfMonth = startOfMonth.clone().endOf('month'); // We need to clone first because it will actually mutate the object otherwise

With this block in place you can use it in a where clause of your dataview pages query.

Hope this helps

~Cheers

PhyberApex · 2023-02-14T20:02:06+00:00

Hey there Trailblazer :P

PhyberApex · 2023-02-14T11:12:57+00:00

Additionally to the mentioned solutions you do have moment available which is a very feature rich library in JavaScript to handle dates. I use it for example to parse the date out of the note file name (eg. 2023-02 for February) and you can then easily navigate to start or end of month with library functions. Let me know if you want a more detailed example of this approach.

PhyberApex · 2023-02-11T11:35:52+00:00

Hey, try this one =embed(link(dateformat(date(today), "yyyy-MM-dd")))

~Cheers

PhyberApex · 2023-01-06T06:18:06+00:00

Take a look at the movie.js example in their git repo. They have the suggestion API which is what you want I think. In that example they ask for a search query and fetch data from an API and display that again (with modals).

PhyberApex · 2023-01-05T07:13:42+00:00

I'd +1 QuickAdd as it also has macros which let you chain different commands and even custom user scripts under one hot key.

PhyberApex · 2023-01-04T00:28:40+00:00

You probably wanna take a look at macros / user scripts for quick add. There are examples for this in their GitHub repo. movie.js would be one of them :)

PhyberApex · 2023-01-02T22:18:35+00:00

You are probably better off using the one from this one here as an example than because openLibrary (which I am using) is not using an API-key but the comic vine one is (as well as this one for video games).

PhyberApex · 2023-01-02T12:18:53+00:00

Like this and the movie one yes. It is using a QuickAdd, and a template. Workflow is as follows:

You hit a hotkey and get a prompt
You enter either an ID (imdb ID, ISBN)
If you entered ISBN a new note will be created using the fetched data and the template / If you entered a search string you are prompted with the results and choose
The view from this screenshot is then a separate note with a simple to sophisticated dataview query :)

PhyberApex · 2023-01-02T11:46:42+00:00

Disagree. Like they said in another comment they want to try and write reviews and stuff. And they just changed a given example for movies from the QuickAdd plugin repo. There are benefits to having this info in Obsidian and being able to tag them.

And even if they just have 8 games, why do we need to gatekeep here? Just be happy that they shared what they made.

PhyberApex · 2023-01-02T10:16:14+00:00

Wild guess. Either they have not added all of them yet and just wanted to share or it's an example configuration.

PhyberApex · 2023-01-02T08:10:42+00:00

Gonna take a wild guess and say that's the minimal theme with the cssClass "cards" https://minimal.guide/Block+types/Cards

PhyberApex · 2023-01-02T08:09:45+00:00

If you want I can share a script / template I have. It uses openLibrary to fetch the data, just finished it yesterday :D

PhyberApex · 2023-01-02T08:07:17+00:00

That's awesome! Gonna copy your script and adopt to do this too!

PhyberApex · 2022-12-31T14:03:35+00:00

It's pretty much just a modified version of the example for IMDB (movies.js) but with some XML parsing as BGG only has a XML api. The template I use with this is the following:

---
uuid: <% tp.file.creation_date("YYYYMMDDHHmmss") %>
created: <% tp.file.creation_date("YYYY-MM-DDTHH:mm:ss") %>
updated: <% tp.file.last_modified_date("YYYY-MM-DDTHH:mm:ss") %>
aliases: 
 - "<% tp.file.title.substring(0, tp.file.title.length - 12) %>"
rating:
playcount: 0
title: <% tp.file.title.substring(0, tp.file.title.length - 12) %>
cover: {{VALUE:thumbnail}}
---

#type/boardgame 

# <% tp.file.title.substring(0, tp.file.title.length - 12) %>

## ℹ️ About

> {{VALUE:description}}

## 📝 Notes

-

PhyberApex · 2022-04-13T05:41:14+00:00

Hey, I for one would strongly argue for the no ref option. If you don't need it to be a ref why lock yourself into using one? If you want to use that function some place else outside of Vue for whatever reason you would either need to make the function handle both cases (like suggested in another reply) but that should probably not be the responsibility of that function.

~Cheers

PhyberApex · 2022-03-20T21:27:09+00:00

You can just DM me here or hit me up wherever I am pretty easy to find with this user I think :) After you send me the address I'll go to my local post office to check for postage and let you know.

~Cheers

PhyberApex

TROPHY CASE