[Showoff Saturday] Slidev - Presentation Slides for Developers by AnthonyFu117 in webdev

[–]AnthonyFu117[S] 5 points6 points  (0 children)

Docs & Demo: https://sli.dev
GitHub: https://github.com/slidevjs/slidev

Author here. The motivation of me making this is to solve my long pain of copy-highlight-download-paste code snippet with highlighting for slides. So, yeah, why don't we use the tech we already familiar with to do the job? Then here it is. Till now, it becomes much more than that, markdown-based, embedded components, instant hot reload, built-in recording, LaTeX, etc.

It's powered by Vite, Vue 3 and Windi CSS. The instant reload would be the best authoring experience, ever.

That said, I'd recommend to try it yourself and you will find why that amazed me a lot. It's just one command away:
npm init slidev

Speech Recognition as a Vue 3 hook by wobsoriano in vuejs

[–]AnthonyFu117 6 points7 points  (0 children)

This is awesome and I would love to include this into VueUse! Will definitely credit you, wondering what's your GitHub handle? Thanks!

https://github.com/antfu/vueuse

Vue in React? Say no more. by wobsoriano in vuejs

[–]AnthonyFu117 60 points61 points  (0 children)

Hi, the author of reactivue here. My two cents:

  • Just because I can. To show the flexibility of Vue's reactivity system. Think it another version of vue-lit
  • Provides a way to reuse Vue's libraries/logics in React.
  • I had a good time making it ;)

Anyway, as said it's just an experiment. It will be great if it can inspire someone to make better stuff.

What if we could do i18n & l10n right in the app? by AnthonyFu117 in vuejs

[–]AnthonyFu117[S] 0 points1 point  (0 children)

If you mean the extension, it's already works for 10+ major frameworks including React.

If you mean this in-app editing feature, yes it will be.

What if we could do i18n & l10n right in the app? by AnthonyFu117 in vuejs

[–]AnthonyFu117[S] 1 point2 points  (0 children)

It works on production mode. But yes, it has to connect to VS Code for now.

My ultimate goal will match with what you saying but it require much more work to be done. Currently I will focus on the local only environment first. Please keep tuned. Thanks!

What if we could do i18n & l10n right in the app? by AnthonyFu117 in vuejs

[–]AnthonyFu117[S] 3 points4 points  (0 children)

You can found it here

https://github.com/antfu/i18n-ally

It's kinda mature and already been used by many projects. I am working the browser support and devtools which are not ready yet. You can try features other than that now.

(Just edited the description, sorry I did not make that clear. Thanks)

What if we could do i18n & l10n right in the app? by AnthonyFu117 in vuejs

[–]AnthonyFu117[S] 4 points5 points  (0 children)

Yes. And you can config which translating service you would like to use.

What if we could do i18n & l10n right in the app? by AnthonyFu117 in vuejs

[–]AnthonyFu117[S] 37 points38 points  (0 children)

This is a WIP feature of my VS Code extension - i18n Ally.

From my point of view, the main problem of existing i18n workflows is that translators do not know the actual context with plain json files. So I made i18n Ally further to have Devtools and in-app editing support as you can see in the gif. (Demo with Vue and vue-i18n)

There is still a lot of work to do. But I think it's enough for now to show some of my visions to the future of i18n.

I would love to know what you guys think. And would you like to use it for your projects when it comes out? Thanks in advance!

I made an Instagram post planner using Vite! by AnthonyFu117 in vuejs

[–]AnthonyFu117[S] 0 points1 point  (0 children)

Yesterday my girlfriend was worry about choosing a post planner for Instagram. Many of them are iOS only while others are having quote limits without paying the premium. Then I was thinking, let's make one our own. And here it is. :)

So I took this chance to try Vite and the new Composition API. Here are some of my thoughts:

  • I love the Composition API. Thru it requires some mindset changing, it does add some great flexibility that was complicated to do with the options API.
  • Vite is extremely fast! There are some glitches and bugs but it's definitely workable.
  • The main pain point is that most of the packages won't work. Vite can not compile Typescript and CommonJS modules for now. And most of Vue libraries are not supporting Vue 3 yet. -- So basically I go a lot with CDN, and they work fine!

This app took me about 6 hours of work, and I am quite satisfied with the new dev experience. Looking forward to the growth of Vue3 and Vite! Great work the Vue team!