clonbg (@clonbg@masto.es)
Manuales de VueJS https://myblog.clonbg.es/manuales-de-vuejs/ #Programación #VueJs https://clonbg.es
Show Original Post
r (@r@fed.brid.gy)
Elixir’s 15th anniversary brings v1.20 RC with full type inference, Chris McCord launches Sprites(dot)dev, LiveVue v1.0 goes stable, Gust #workflow engine debuts, and more! #ElixirLang @elixir-lang.org@bsky.brid.gy #VueJS www.youtube.com/watch?v=dJA9...
Thinking Elixir Podcast 288: 1...
Show Original Post
objects (@objects@genserver.social)
Elixir’s 15th anniversary brings v1.20 RC with full type inference, @chris_mccord launches Sprites.dev, LiveVue v1.0 goes stable, Gust #workflow engine debuts, and more! #ElixirLang @elixirlang #VueJS https://www.youtube.com/watch?v=dJA9wASGYCU
Show Original Post
clonbg (@clonbg@masto.es)
Manuales de VueJS https://myblog.clonbg.es/manuales-de-vuejs/ #Programación #VueJs https://clonbg.es
Show Original Post
clonbg (@clonbg@masto.es)
Ejemplo de Vuex con Nuxt https://myblog.clonbg.es/ejemplo-de-vuex-con-nuxt/ #Programación #VueJs https://clonbg.es
Show Original Post
mai_lapyst (@mai_lapyst@soc.saiyajin.space)
Also on the topic of #hytale : that flatpak shit they've thrown at us linux users is just bad. Not only didn't it install for me until I ran the flatpak command myself in an terminal bc it needs some random ass dependencies, no, it also contains just an plain #golang blob, compiled with #wails and #vuejs ; where all assets are INSIDE the binary.
Also for those out of the know: golang typically compiles statically so no dependencies, and wails is pretty-much dependency free and can use your systems browser to do all the displaying stuff for you.
Also also: why tf do you NEED access to my home dir while aparently downloading everything in an just-fine flatpak-managed storage place? Even your downloads are placed there! I can't even fucking CHANGE THE DOWNLOAD FOLDER. I have an SEPERATE LVM DISK for my damn games, I want them to be there! But nope: flatpak is shitty and wants to live either in /var or ~/.var, and hytale dosn't care.
Why can't we just all agree to use appimage? So much nicer to use.
#rant #sorrybutnotsorry #linux #archlinux #pleaserespectmysystem
Show Original Post
clonbg (@clonbg@masto.es)
Manuales de VueJS https://myblog.clonbg.es/manuales-de-vuejs/ #Programación #VueJs https://clonbg.es
Show Original Post
clonbg (@clonbg@masto.es)
Ejemplo de Vuex con Nuxt https://myblog.clonbg.es/ejemplo-de-vuex-con-nuxt/ #Programación #VueJs https://clonbg.es
Show Original Post
habr (@habr@zhub.link)
Kawai-Focus 2.1: переезд на новый стек
В данной статье я попытаюсь переписать часть приложения Kawai-Focus на стек: FastAPI + Vue.js + Tauri + Ionic . Также я соберу приложение только с экраном «Таймеры» под Linux в AppImage, которое подойдёт для большинства Linux-дистрибутивов. Реализация одного экрана не будет слишком долгим процессом, а финальная сборка приложения позволит оценить сложность и удобство полного цикла разработки. Эта cтатья не будет подробным гайдом, так как размер переписанного кода и его описание слишком велики для одной статьи. Однако я покажу часть кода проекта и расскажу о выбранном стеке, а также о трудностях и преимуществах, с которыми я столкнулся в процессе переписывания проекта. Я буду использовать часть кода старого проекта, который не касается Kivy и KivyMD, поэтому его душа не умрёт, а обновится. Заваривайте чай, доставайте вкусняшки — пора «старый стек превращать в удобрение для новых помидор»! 🍅
https://habr.com/ru/articles/983652/
#python3 #tauri #vuejs #nuitka #ionic #appimage #компиляция #linux
Show Original Post
2026 (@2026@jws.news)
How to use wa-grid with Vue
Last month, we explored using wa-card with Vue.js. In the final example, we created a grid layout using CSS, but Web Awesome also enables this with a WA component. Today, we’ll extend that example by integrating the WA component. Previously, we learned how to center content using Bulma and Bootstrap. WA provides a similar approach to these frameworks.
Web Awesome wants a basic grid to look like this:
<div class="wa-grid">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>You can get fancier with spans or gap definitions, but this is all you really need. So, what does the result look like?
CodePen Embed FallbackThe result looks very similar to what we did in the fourth wa-card example. The big difference is that it is more fully Web-Awesome-ized. We could end here, but we could also examine what it looks like with more data in the photos array. You might have guessed that the hard-coded examples come from JWS Pictures. When I created it, I ensured that all.json and all.xml were included so you can retrieve all the photos in your Vue app. If we add an onMounted() lifecycle hook, we can load the photos defined in the JSON file once the component has been mounted. Let’s see what that would look like.
CodePen Embed FallbackAdding all the photos doesn’t seem to affect the design. In fact, it looks pretty good. I don’t want to just dump photos onto the page, so let’s see what Array.prototype.sort() can do for us.
CodePen Embed FallbackNow, the images are sorted from newest to oldest rather than in the order they appear in the JSON file. The next step would be to sort and group the photos simultaneously. This way, it becomes clearer which photos belong to which batches. A photosByYear computed ref would allow for that.
CodePen Embed FallbackThe computed ref has properties for a year value and the photos taken in that year. Next time, we will see how we can further evolve this project.
First example: https://codepen.io/steinbring/pen/gbPJLLK/e3b93e220312e05d6c51444c22ed12ba
Second example: https://codepen.io/steinbring/pen/xbZNReX/9b05838c6096c00e08690c24900cd9be
Third example: https://codepen.io/steinbring/pen/GgqKjwM/22f21efec564bee348b1db9eb8dd90de
Fourth example: https://codepen.io/steinbring/pen/bNebwyx/5dadf66f9b55153a63a02d713f12ccc8
#CSSGrid #displayGrid #VueJs #WebAwesome
Show Original Post
shawnwildermuth (@shawnwildermuth@fosstodon.org)
Just updated to .NET 10! My #ASPNETCore + Vue 3 course is now available on @pluralsight:
#csharp #aspnetcore #minimalapis #vuejs
https://shawnl.ink/ps-endtoend
Show Original Post
shawnwildermuth (@shawnwildermuth@fosstodon.org)
Coming up next month (February 9-11th), I'm holding my "ASP․NETCore 10 and Vue.js From Scratch" course in The Hague, NL. Limited seating for this three day class on #aspnetcore, #entityframework, and #vuejs. Check it out here:
https://wildermuth.com/en/training/inperson/aspnetcore-vue/
Show Original Post