shakedown.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A community for live music fans with roots in the jam scene. Shakedown Social is run by a team of volunteers (led by @clifff and @sethadam1) and funded by donations.

Administered by:

Server stats:

266
active users

#vuejs

0 posts0 participants0 posts today
Socialhome HQ<p><strong>Socialhome v0.22.0 released, with a completely new UI!</strong></p> <p></p> <p>This is a massive milestone for the <a class="hashtag" href="https://socialhome.network/streams/tag/socialhome/" rel="nofollow noopener" target="_blank">#Socialhome</a> project, one that could not have been possible without the hard work of <a class="mention" href="https://jase.social/u/alain/" rel="nofollow noopener" target="_blank">@alain@jase.social</a>. If you have followed the Socialhome project, you'll know that Alain has been responsible for most of the development of project in the recent years. This includes rewriting the <a class="hashtag" href="https://socialhome.network/streams/tag/federation/" rel="nofollow noopener" target="_blank">#federation</a> library to ensure <a class="hashtag" href="https://socialhome.network/streams/tag/activitypub/" rel="nofollow noopener" target="_blank">#ActivityPub</a> support is first class. More recently Alain has taken the challenge of rewriting the frontend, which has fallen into a rather poor state over the years.</p> <p></p> <p>The new UI work is actually a coordination of two people working many years apart. Way back years ago <a class="mention" href="https://mastodon.xyz/@lightone" rel="nofollow noopener" target="_blank">@lightone@mastodon.xyz</a> made some UI designs for a new Socialhome UI (thank you! &lt;3). While the designs were not implemented for years, they were not forgotten. In 2023 Alain jumped to the challenge and started the full UI rewrite of the Socialhome frontend. This UI has now matured into a state that it is good for daily usage - which is the main focus of this release!</p> <p>Currently, a Socialhome installation will still default to the old UI. If you do want to try out the new UI for example on <code>socialhome.network</code>, go to the account settings and toggle the "New UI" flag. Going back is also easy, should the new UI cause unforeseen issues (please do report!).</p> <p></p> <p>If you are a server admin, see the <a href="https://codeberg.org/socialhome/socialhome-ui/src/branch/main/INSTALLATION.md" rel="nofollow noopener" target="_blank">new UI installation instructions</a> for how to add the new UI to your instance.</p> <p>This is not all! The releases of v0.21.0 and v0.22.0 also contain a bunch of other changes and fixes. Most notably;</p> <ul> <li>ActivityPub profiles are now richer, including bio and a larger picture, in addition to an avatar.</li> <li>Many new API's to support the new UI, including session authentication, search, media upload, content fetching over uuid, profile organize and profile settings.</li> <li>Whoosh has been replaced with Xapian as a search index backend.</li> </ul> <p>See the <a href="https://socialhome.readthedocs.io/en/latest/changelog.html" rel="nofollow noopener" target="_blank">full changelogs</a>. Additionally, the federation library has received a ton of changes and fixes which can be found <a href="https://codeberg.org/socialhome/federation/src/branch/master/CHANGELOG.md#0-26-0-2025-05-24" rel="nofollow noopener" target="_blank">here</a>.</p> <p>Also, last but not least, we moved from GitLab to Codeberg. Check out the new <a href="https://codeberg.org/socialhome" rel="nofollow noopener" target="_blank">repositories</a>.</p> <p><strong>Installing and updating</strong></p> <p>We recommend using the <a href="https://codeberg.org/socialhome/-/packages/container/socialhome/0.22.0" rel="nofollow noopener" target="_blank">Docker images</a> (amd64/arm64).</p> <p>Notes on how to use the Docker images can be found <a href="https://socialhome.readthedocs.io/en/latest/installation/docker.html#installation-docker" rel="nofollow noopener" target="_blank">in the docs</a>.</p> <p><strong>What is Socialhome?</strong></p> <p>Socialhome is best described as a federated personal profile with social networking functionality. Users can create rich content using Markdown. All content can be pinned to the user profile and all content will federate to contacts in the federated social web. Federation happens using the ActivityPub and Diaspora protocols.</p> <p>Please check the official site for more information about features. Naturally, the official site is a Socialhome profile itself.</p> <ul> <li><a href="https://socialhome.network" rel="nofollow noopener" target="_blank">Official site</a></li> <li><a href="https://socialhome.readthedocs.io" rel="nofollow noopener" target="_blank">Documentation (for admins)</a></li> <li><a href="https://codeberg.org/socialhome/socialhome" rel="nofollow noopener" target="_blank">Code repository</a> (<a href="https://github.com/jaywink/socialhome" rel="nofollow noopener" target="_blank">GitHub mirror</a>)</li> <li><a href="https://matrix.to/#/#socialhome:federator.dev" rel="nofollow noopener" target="_blank">Chat room on Matrix</a></li> </ul> <p><strong>Try Socialhome?</strong></p> <p>If you want to try Socialhome first before trying to install it, register at <a href="https://socialhome.network" rel="nofollow noopener" target="_blank">https://socialhome.network</a> and then ping us with a comment on the user name chosen to get the account approved. You can also request account approval in the <a href="https://matrix.to/#/#socialhome:federator.dev" rel="nofollow noopener" target="_blank">chat room</a>. This unfortunately approval step is due to spammers.</p> <p><strong>Contribute</strong></p> <p>Do you want to work on a Django and VueJS powered social network server? Join in the fun! We have easy to follow development environment setup documentation and <a href="https://matrix.to/#/#socialhome:federator.dev" rel="nofollow noopener" target="_blank">a friendly chat room</a> for questions.</p> <p><a class="hashtag" href="https://socialhome.network/streams/tag/socialhome/" rel="nofollow noopener" target="_blank">#socialhome</a> <a class="hashtag" href="https://socialhome.network/streams/tag/federation/" rel="nofollow noopener" target="_blank">#federation</a> <a class="hashtag" href="https://socialhome.network/streams/tag/fediverse/" rel="nofollow noopener" target="_blank">#fediverse</a> <a class="hashtag" href="https://socialhome.network/streams/tag/activitypub/" rel="nofollow noopener" target="_blank">#activitypub</a> <a class="hashtag" href="https://socialhome.network/streams/tag/diaspora/" rel="nofollow noopener" target="_blank">#diaspora</a> <a class="hashtag" href="https://socialhome.network/streams/tag/django/" rel="nofollow noopener" target="_blank">#django</a> <a class="hashtag" href="https://socialhome.network/streams/tag/vuejs/" rel="nofollow noopener" target="_blank">#vuejs</a></p>
Bumblebee 🐝<p>EspritsCollaboratifs, la société où je travaille, recrute un⋅e dev web/vue.js pour venir nous épauler (nous somme une petite équipe) sur le développement de l'interface de Curebot, un outil de veille collaborative : <a href="https://www.curebot.fr/EspritSite/wp-content/uploads/2025/07/Dev-front-0725.pdf" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">curebot.fr/EspritSite/wp-conte</span><span class="invisible">nt/uploads/2025/07/Dev-front-0725.pdf</span></a></p><p>Télétravail possible : nos locaux sont à Fontenay-sous-Bois dans l'est parisien, mais une bonne partie de l'équipe tech. est en en full-remote. </p><p><a href="https://mamot.fr/tags/JeRecrute" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JeRecrute</span></a> <a href="https://mamot.fr/tags/Job" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Job</span></a> <a href="https://mamot.fr/tags/Dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Dev</span></a> <a href="https://mamot.fr/tags/Web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Web</span></a> <a href="https://mamot.fr/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mamot.fr/tags/VueJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VueJS</span></a> <a href="https://mamot.fr/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mamot.fr/tags/CDI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CDI</span></a></p>
Daniel Düsentrieb<p>Aus aktuellem Anlass: Jobsuche</p><p>Sucht jemand im Raum Berlin/Potsdam gerade einen Softwareentwickler im Bereich:</p><p>-<a href="https://social.linux.pizza/tags/Android" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Android</span></a>/#Kotlin mit <a href="https://social.linux.pizza/tags/JetpackCompose" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JetpackCompose</span></a> <br>-<a href="https://social.linux.pizza/tags/Spring" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Spring</span></a> <a href="https://social.linux.pizza/tags/Backend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Backend</span></a> mit <a href="https://social.linux.pizza/tags/Java" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Java</span></a> oder Kotlin <br>-<a href="https://social.linux.pizza/tags/Webfrontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Webfrontend</span></a> mit <a href="https://social.linux.pizza/tags/Typescript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Typescript</span></a> <a href="https://social.linux.pizza/tags/VueJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VueJS</span></a></p><p>Zuletzt hatte ich vor allem im Bereich Medizinanwendungen (DIGA) zu tun und bin natürlich offen für andere Tech-Stacks</p><p>Gerne <a href="https://social.linux.pizza/tags/boost" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>boost</span></a> für Reichweite<br><a href="https://social.linux.pizza/tags/Followerpower" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Followerpower</span></a></p>
kaiserkiwi :kiwibird:<p>Well. I guess I have to talk about <a href="https://corteximplant.com/tags/InertiaJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>InertiaJS</span></a> at the <span class="h-card" translate="no"><a href="https://front-end.social/@vuejs_berlin" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>vuejs_berlin</span></a></span> meetup in less than an hour. </p><p>Wish me luck I don't blackout or something. 😁 But I deleted over 50% of my slides and just created a small demo to look at the code and the result instead. </p><p>So maybe, that could work. I mean that's how I do it at work. But usually in German. 😬</p><p><a href="https://corteximplant.com/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://corteximplant.com/tags/VueJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VueJS</span></a></p>
Viktor Nagornyy<p>Let's get you hired in 2025! Here are some roles Nextcloud is hiring for: </p><p>- Software engineers (PHP and frontend)<br>- Sales/account managers<br>- Sales engineers<br>- Localization manager<br>- B2B content writer<br>- Graphic designer<br>- Internships</p><p>See job listings here: <br><a href="https://nextcloud.com/jobs/#openpositions" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nextcloud.com/jobs/#openpositi</span><span class="invisible">ons</span></a></p><p>Great opportunities to work in <a href="https://fosstodon.org/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenSource</span></a> <a href="https://fosstodon.org/tags/FOSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FOSS</span></a> </p><p>Boost to your audience 🙏</p><p><a href="https://fosstodon.org/tags/getfedihired" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>getfedihired</span></a> <a href="https://fosstodon.org/tags/jobs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>jobs</span></a> <a href="https://fosstodon.org/tags/mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mastodon</span></a> <a href="https://fosstodon.org/tags/newyear" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>newyear</span></a> <a href="https://fosstodon.org/tags/hiring" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hiring</span></a> <a href="https://fosstodon.org/tags/SoftwareEngineering" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SoftwareEngineering</span></a> <a href="https://fosstodon.org/tags/writing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>writing</span></a> <a href="https://fosstodon.org/tags/internships" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>internships</span></a> <a href="https://fosstodon.org/tags/php" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>php</span></a> <a href="https://fosstodon.org/tags/vuejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vuejs</span></a> <a href="https://fosstodon.org/tags/germany" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>germany</span></a></p>
kaiserkiwi :kiwibird:<p>That was awesome. Got valuable feedback for my talk to make it better next time. But I heard so many positive things about my talk that I'm looking forward to do stuff like this again. 😊</p><p> <a href="https://corteximplant.com/tags/VueJSBerlin" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VueJSBerlin</span></a> <a href="https://corteximplant.com/tags/Coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Coding</span></a> <a href="https://corteximplant.com/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://corteximplant.com/tags/VueJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VueJS</span></a></p>
kaiserkiwi :kiwibird:<p>I did it! They liked it!</p><p><a href="https://corteximplant.com/tags/VueJSBerlin" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VueJSBerlin</span></a> <a href="https://corteximplant.com/tags/Coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Coding</span></a> <a href="https://corteximplant.com/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://corteximplant.com/tags/VueJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VueJS</span></a></p>
kaiserkiwi :kiwibird:<p>On my way to the <a href="https://corteximplant.com/tags/VueJSBerlin" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VueJSBerlin</span></a> meetup.</p><p>I was there the first time last month and somehow they managed to persuade me to give a short talk about Vue 3.5. 😅</p><p>This is actually my first talk in front of people I don't know and outside of my work context. And my first talk in English. </p><p>So there are many prerequisites for everything going wrong. 😁</p><p>Looking forward to this.</p><p><a href="https://lu.ma/verawcdo?tk=CAd2nV" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">lu.ma/verawcdo?tk=CAd2nV</span><span class="invisible"></span></a></p><p><a href="https://corteximplant.com/tags/Coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Coding</span></a> <a href="https://corteximplant.com/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://corteximplant.com/tags/VueJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VueJS</span></a></p>
Denis 🌏<p>actually, I DON'T need the watch().</p><p>It all works as expected, if you do things the way you're supposed to 😅 </p><p>computed() ftw!</p><p><a href="https://hachyderm.io/tags/vuejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vuejs</span></a></p>
Denis 🌏<p>Actually, I think it is!</p><p>And I was just being really really stupid, and not using computed() when I needed to.</p><p>-sigh-</p><p>(As my ex and I used to say when one of us realized something obvious... "Light dawns over Marblehead!")</p><p><a href="https://hachyderm.io/tags/vuejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vuejs</span></a> <a href="https://hachyderm.io/tags/amCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>amCoding</span></a></p>
Denis 🌏<p>alright, for those of you following along at home...</p><p>Reactivity is not transitive to a local ref (altho I'm not completely sure why not &amp; the docs *sort of* hint at this, and there's some implication this is a new feature and might not actually be enabled/released yet, but in any case...)</p><p>if I put an explicit watch() on the prop passed in &amp; use that to update the local var, it works as expected.</p><p>I think...</p><p><a href="https://hachyderm.io/tags/amCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>amCoding</span></a> <a href="https://hachyderm.io/tags/iActuallyEnjoyDoingThisAndAmAlwaysAmazedThatPeopleWillPayMeTo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>iActuallyEnjoyDoingThisAndAmAlwaysAmazedThatPeopleWillPayMeTo</span></a> <a href="https://hachyderm.io/tags/vuejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vuejs</span></a> <a href="https://hachyderm.io/tags/nuxt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nuxt</span></a></p>
Denis 🌏<p>okay, I wrote an ultra-simple test case that mimics my component structure and API usage and tech stack, and...</p><p>Vuejs reactivity between components works EXACTLY as one would expect it to (and as the documentation says it should).</p><p>So why the hell isn't it working in my actual app?</p><p>Obviously I'm doing something to screw it up.<br>😡 </p><p><a href="https://hachyderm.io/tags/amCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>amCoding</span></a> <a href="https://hachyderm.io/tags/vuejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vuejs</span></a> <a href="https://hachyderm.io/tags/nuxt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nuxt</span></a> <a href="https://hachyderm.io/tags/vuetify" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vuetify</span></a></p>
Denis 🌏<p>when javascript/typescript-ecosystem stuff works, it's awesome, but when it doesn't it feels like you've been dropped in the middle of a place you've never been, you only understand about 1% of the language and customs and whatnot, but everyone *else* seems to know and you don't want to ask because it'll show how much you don't know...</p><p>(yes, one moment this stupid Nuxt PWA plugin was working and the next it isn't and it's not giving me ANY clue what changed. 😡 😡 😡 )</p><p><a href="https://hachyderm.io/tags/nuxt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nuxt</span></a> <a href="https://hachyderm.io/tags/vuejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vuejs</span></a> <a href="https://hachyderm.io/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a></p>

Vue.js 2 という古いバージョンと Riot.js の最新(というか ver.4 以降)を比べるのはそもそもフェアじゃないけど、Riot.js の独自構文が少ないのはほんと利点だと実感している。
マナーをしらない俺には Vue はお作法が多くて… :tony_neutral:

Any #Frontend, esp. #vueJS devs wana come work in a early stage startup (Terramate.io) with me? Remote, timezone: Berlin +/- 3 hours

(Here's the job posting: jobs.ashbyhq.com/terramate/38b)

jobs.ashbyhq.comSenior Frontend Software Engineer (m/f/d)ABOUT We are launching a new Infrastructure as Code Cloud Asset Management Platform built on top of our popular open-source tool Terramate https://github.com/terramate-io/terramate. Terramate Cloud will enable teams to manage and observe all their cloud assets, automatically import and codify non-IaC managed assets, and detect and resolve drifts to prevent service failures. We are hiring Senior Frontend Software Engineers as individual contributors to develop, test, deploy, maintain, and improve Terramate Cloud. You should have professional experience in building high-quality software on scale. CS degree is a plus. Work is remote, and we work exclusively with senior engineers in small, lean, and self-organized teams. REQUIREMENTS - Bachelor's degree in Engineering or Computer Science or equivalent practical experience. - Software development experience with Typescript, Vuejs and testing frameworks such as Vitest and Cypress. - Experience with utility-first CSS frameworks such as UnocSS and TailwindCSS. - Experience working on accessible web applications and with browser-based test automation is highly valued. - Experience with responsive design and a deep understanding of web technologies such as the DOM, HTML, CSS, HTTP, Rest, GraphQL and WebSockets. - Passion for clear, clean, well-factored code. - Remote work within time zones UTC-2 to UTC+4. (Berlin time +/- 3 hours). RESPONSIBILITIES - Develop, test, deploy, maintain, and improve Terramate Cloud. - Perform code reviews for your peers. - Comfort in working in short, agile, iterative development cycles and a strong desire to work in a fast-moving startup environment. ABOUT OUR PROCESS The interviewing process contains the following stages: - Introduction Call (~30 min. Introduction of the company and initial get to know each other) - Tech I (60 min. HTTP, Rest, Websockets, Caching, Building scaling frontends) - Tech II (60 min. Typescript, Vue, TailwindCSS, Vite, ESLint, Coding) - CTO (60 min. Personal and cultural fit as well as technical questions) - Offer Call (30 min. Get to know the CEO and discuss your package and career plan) We are looking forward to hearing from you. Our application process is very straightforward, and we like to decide quickly if the fit feels right on both sides. We focus exclusively on your talents and personality - your background, origins, or identity will never influence our decision-making. We are committed to improving our awareness of and approach to DEI (Diversity, Equity & Inclusion) at Terramate. We are continuously reviewing and improving our hiring & interviewing processes to accommodate people with diverse experiences, needs, and backgrounds.

Bonjour l'instance, bonjour le Fédivers ! #introduction

Je suis Eorn, j'habite en Bretagne. Bépoète, bidouilleur d'informatique par hobby d'abord et par métier ensuite (un peu de
#dev, #webdev, #vuejs, #python, #django, saupoudré de #docker). J'ai une grande dépendance un vif intérêt pour les #balados / #podcasts. J'aime les chips au vinaigre, suis l'humain d'un chat très aimable. Je suis passé par la case Recherche (scientifique), et j'en suis parti, mais j'aime toujours les sciences.

Random fact : je me mets à jouer du trombone à coulisse.

Je découvre Calckey, je garde encore actif mon premier compte autohébergé sur le fédivers :
@eorn@kayii.goe.land

La bise (si ça vous va) !