Masthash

#vue

corentin.js
4 days ago

A new tool is out : an IPv4 subnet calculator ! ๐Ÿฅณ

Parse your IPv4 CIDR blocks and get all the info you need about your sub network.

https://it-tools.tech/ipv4-subnet-calculator

#ittools #javascript #typescript #vue #json #developers #tool #free #opensource #online #github #ip #cidr #netmask

Josh Caluette
4 days ago

@corentin

#docker #github #online #opensource #free #tool #developers #json #vue #TypeScript #javascript #ittools
Awesome! I just ran across it-tools.tech on the r/selfhosted SR just a couple of days ago. And then this pops up in my Mastodon home timeline. Very cool, and quite an awesome toolset.

corentin.js
4 days ago

A new tool is out : a Docker run to Docker compose converter ! ๐Ÿฅณ

Turns docker run commands into docker-compose files!

https://it-tools.tech/docker-run-to-docker-compose-converter

#ittools #javascript #typescript #vue #json #developers #tool #free #opensource #online #github #docker

Mockup of the page Docker run to Docker compose converter in it-tools.tech
Funkatron (Ed Finkler)
5 days ago

@jarrett right on. I suspect that the easy answer is "use an attribute that you can access with a simple selector to make your markup testable," but I am interested to see if other folks have a diff approach. #vue #vuejs #testing #cypress

corentin.js
5 days ago

๐Ÿฅณ IT Tools has reached 1k GitHub stars! ๐ŸŽ‰

Thank you all for the support, it means a lot ๐Ÿ™

#ittools #javascript #typescript #vue #json #developers #tool #free #opensource #online #github

https://it-tools.tech/

phlepper
6 days ago

So after returning to #emacs after probably 20 years, I've successfully set up #orgmode and gotten familiar with using #magit

So no I want to set it up as an IDE for #vue development.

I have syntax highlighting with #vue-mode, but I don't have completion or error checking working and not sure how to get this.

Any good resources for this? I've installed company (and company-box), flycheck, and lsp-ui via the "Manage Emacs Packages", but no init.el additions.

This is with vanilla emacs.

corentin.js
6 days ago

A new tool is out : an Html wysiwyg editor ! ๐Ÿฅณ

Online HTML editor with feature-rich WYSIWYG editor, get the source code of the content immediately.

https://it-tools.tech/html-wysiwyg-editor

#ittools #javascript #typescript #vue #json #developers #tool #free #opensource #online #github #wysiwyg #html

Jobs for Developers
6 days ago

Camelot is hiring Front End Engineer

๐Ÿ”ง #html #javascript #nuxtjs #react #vue #cypress #css
๐ŸŒŽ Remote; Chalandri, Greece
โฐ Full-time
๐Ÿ’ฐ $95k - $210k (Estimate)
๐Ÿข Camelot

Job details https://jobsfordevelopers.com/jobs/front-end-engineer-at-camelotls-com-nov-17-2022-aa3ce4?utm_source=mastodon.world&ref=mastodon.world
#jobalert #jobsearch #hiring

Curtis "Ovid" Poe
1 week ago

@randomgeek What would you have taken instead of #React? I worked a bit with #Vue and it seemed nice, but I don't have enough experience to comment.

Jeff Sikes
1 week ago

More fun with the #MastodonStarterKit in #Vue that Iโ€™m working on.

Tonight I added a few things:

๐Ÿค– Bot Identifier on each post
๐Ÿ“ฑ Display the app used to post, only available on local posts
๐Ÿ“ Moved all styling into a CSS file
๐Ÿž Debug view enhanced with more documentation links

Things left to do:

Card displays just donโ€™t look as good as I want.
Review the code for accessibility issues.
Add micro formats to the posts and account info
README guide
Banner? Maybe.

A card view of a specific post. It shows that this post was added by a Bot using โ€œBellevueADSBโ€.
ricardobalk
1 week ago

I created a repository for rapidly setting up a new Nuxt 3 project with TailwindCSS. It comes with links to various online IDEs and it includes containerized environment configs, so you can start hacking on it right away.

https://github.com/ricardobalk/nuxt3-tailwindcss

#nuxt3 #tailwindcss #stackblitz #docker #github #vue

Chris Boren
1 week ago

I know this isn't the end-all be-all, but seeing this before a hand-off or launch always makes me smile. There's a lot you need to know to get into web development, but I'd say that learning about accessibility is pretty simple compared to what you'd need to know to use shiny toys like #React or #Vue. You can do it!

#webdev #accessibility #a11y

A screenshot of an Axe Accessibility website report.

Total Issues: 0
Automatic Issues: 0
Guided Issues: 0
Critical: 0
Serious: 0
Moderate: 0
Minor: 0

Best Practices: Off
WCAG 2.1 AA
Chris Lagasse
1 week ago

I have a SlimPHP site that Iโ€™m going to switch over so I can make it a PWA. Leaning towards #vue but I want it to be as static as possible. Astro with Vue, maybe?

john tsui
2 weeks ago

So it's obvious that I don't like #vue `watchEffect()`. When the output `ref` is also the input, a crazy infinite execution will happen. Yes, `watch()` is definitely more suitable for me!

Jobs for Developers
2 weeks ago

Byte-Code is hiring Senior 3D Software Engineer

๐Ÿ”ง #c #cplusplus #python #react #vue #aws #docker #seniorengineer
๐ŸŒŽ Piacenza, Italy
โฐ Full-time
๐Ÿ’ฐ $90k - $210k (Estimate)
๐Ÿข Byte-Code

Job details https://jobsfordevelopers.com/jobs/senior-3d-software-engineer-at-byte-code-com-dec-14-2022-30311f?utm_source=mastodon.world&ref=mastodon.world
#jobalert #jobsearch #hiring

Madeline
2 weeks ago

Well I built the bare bones of this #Vue app that uses the bitly api to get a shortened link and show it to the user when the user enters a url

I am already bored of this app now and don't want to style it ๐Ÿ™ˆ

Jan :rust: :ferris:
2 weeks ago

This weekend #vueschool is offering all of their ~80 hours of video lessons for FREE!๐ŸŽ‰

https://vueschool.io/

I think I know what I do this weekend. ๐Ÿค“

#Vue #VueJS #WebDev #Learning #Course #Free #JavaScript

Jett :unverified:
2 weeks ago

Something thatโ€™s been taking a lot of thought where I work is type safety across our stack (#Go backend, #Vue frontend)
At the moment the current option weโ€™re looking is #GraphQL and codegen on both sides, but weโ€™ve been exploring other options such as gRPC with codegen from proto files or larger systems like Temporal.

Iโ€™m curious how other #developers handle this!

Oh, und auf Seiten meines favorisierten Component-Frameworks fรผr #Angular, #Vue, #React und #Java gibt's auch coole News: #PrimeNg hat den Theme Designer als Open Source freigegeben. Ein echt cooler Move โœŠ๐Ÿป
https://www.youtube.com/watch?v=JAapJf6q1cw

Madeline
2 weeks ago

Question: Is this code gross?

<form @submit
.prevent="onShorten($event.target[0].value)">
<input v-model="link" type="text" placeholder="link">
<button type="submit" >Shorten!</button>
</form>

specifically, indexing into the target on event - bad practice?

Also if you know #vue and can tell me the approved way to get input data into an emitter so I can pass it to the parent component, PLEASE I BEG OF YOU

#frontend #javascript #coding #webdev

Jobs for Developers
2 weeks ago
Dave Mackey
2 weeks ago

I'm looking for good examples of using #Pinia in #Vue using the composition style rather than the options style. Curious if anyone has some good pointers? Most of the articles I've found use the options style...and the official docs switch back/forth between options/composition a bit too frequently for my tastes.

(Okay, I just found two...right after posting the question :-P But still, send me anything you've got!)

#javascript #question

corentin.js
2 weeks ago

A new tool is out on it-tools.tech : an RSA key pair generator !

Generate new random RSA private and public key pem certificates.

#ittools #javascript #typescript #vue #json #developers #tool #free #opensource #online #github #key #rsa #generate

https://it-tools.tech/rsa-key-pair-generator

Symfony Station :symfony:
2 weeks ago

Explore our article: Frontend Madness: SPAs, MPAs, PWAs, Decoupled, Hybrid, Monolithic, Libraries, Frameworks! WTF for your PHP backend? https://symfonystation.com/Frontend-Madness-JS-PHP-Backend #javascript #PHP #symfony #Laravel #Drupal #WordPress #React #Vue #Svelte #AlpineJS #Angular #Viewi #PWAs :symfony: :laravel: :drupal: :wordpress:

Screenshot of code
Alex Oberhauser :verified_o:
2 weeks ago

@fediversenews
The latest version of the Vue ActivityPub Timeline comes with the following new features

๐Ÿ‘‰ Loading icon that works with light and dark theme
๐Ÿ‘‰ Dialog that shows the post thread (ancestor and descendants of the post) in a dialog on the same page
๐Ÿ‘‰ Videos are shown as image preview. On click the video opens in a new tab

see https://www.npmjs.com/package/@networld-to/vue-ap-timeline

#ActivityPub #Mastodon #Vue #NPM

MediaWiki
3 weeks ago

New Between the Brackets (a #MediaWiki podcast) dropped, a digest recapping the past few episodes:

https://betweenthebrackets.libsyn.com/episode-134-btb-digest-21 (~22 min)

"Have you missed any recent episodes? Well, here are some clips for you. Hear Eric Gardner defending #Vue.js, Nathan Brewer praising computer scientists of the past, Simon Stier considering the complexities of nested data structures, Ariel Gutman advocating for one language for #WikiFunctions, Waldir Pimenta recounting his adventures in translation, and more!"

noim
3 weeks ago

One thing I still dislike about #Vue is the lack of support for building #TypeScript generic components. I believe more attention should be given to this issue. I feel frustrated every time I encounter this problem and read the #RFC. ๐Ÿ˜ž

3 weeks ago

As a contract web developer, Iโ€™ve always wondered if I should just the masses and learn #react I know#angular quite well and Iโ€™ve worked with #vue for the last year. So to me it seems a lot of effort to learn another front end framework, when I already know two of the main 3. But on the other hand #react is the biggest and most popular and Iโ€™m i cutting out a whole source of possibilities just because this. As independent developers should we learn a variety of things or a few things in depth?

Jobs for Developers
3 weeks ago

ๆœ€่ฟ‘Viteใง#vue ๅ‹•ใ‹ใ™ใ‚ˆใ†ใซๅค‰ๆ›ดใ—ใŸใ‚“ใ ใ‘ใฉใ€ๆœ€ๅˆใ“ใๆ—ฉใ‹ใฃใŸใ‚‚ใฎใฎใƒ•ใ‚กใ‚คใƒซๆ•ฐใŒๅคšใใชใ‚‹ใจ็ตๅฑ€้‡ใใชใฃใฆใ‚นใƒˆใƒฌใ‚นโ€ฆ :blobcatweary:

Jarek Rozanski ๐Ÿ“ˆ
3 weeks ago

Published my first-ever #NPM package today. ๐Ÿš€

It enables adding privacy web analytics to #Vue application without any effort.

There are documented limitations which we will address very soon.

https://www.npmjs.com/package/wideangle-vuejs

Chris Minnick
3 weeks ago

I just finished the final review of my new book (coming in May): JavaScript All-In-One For Dummies. This one has been my dream to write for over a decade, and I've been working on it for 10 months.

When I used to hire junior developers, I'd find myself (and them) overwhelmed with how much they had to know to be to be productive. This book addresses that.

#JavaScript #Git #vscode #React #Vue #Svelte #ESLint #Jest #Node #webapi #express #mongodb #webpack #babel #vite #rest #jwt #micdrop

ๅพกๅ‚ไบ‘่ง
3 weeks ago

ๅ‘ไธ€ไธชๆŽจ็‰น็‰ˆ็ฎ€ๅކ #Resume๏ผš #Bytedance #ๅฐ็จ‹ๅบ #reactnative #ๅทฅไธš่ฝฏไปถ #CAD #TypeScript #NodeJS #Vue #React #Vite #Electron ็„ถๅŽไบŒๆœฌ่ฝฏไปถๅทฅ็จ‹ใ€‚

robrich
4 weeks ago

https://github.com/eddyerburgh/vue-test-utils-karma-example - getting #karma to work with #webpack (Vue, React, etc) is hard. Nice code sample https://twitter.com/EddYerburgh. Does this work with #Vue 3 CLI projects?

noim
4 weeks ago

Btw, I love that it looks like https://modrinth.com/ is written in #Nuxt! As a #Vue developer this warms my heart ๐Ÿ’š!

TaxonWorks
4 weeks ago

Hello Fediverse, it is nice to be here.

We're an open-source workbench that helps scientists describe life on Earth.

You can read more at https://taxonworks.org and https://docs.taxonworks.org.

You can chat with us at https://matrix.to/#/#TaxonWorks:gitter.im.

We meet unconference-style every week: https://speciesfilegroup.org/events.html, join us!

Help us diversify so that we may better describe diversity. Contributions of all sizes welcome, Join us!

#open-science #biodiversity #taxonomy #evolution #Rails #Vue

felix
4 weeks ago

@Pepijn I made a little web app to turn images in to pixels! Itโ€™s a little slow sometimes but when it works it can produce some fun art! https://pixelate.pictures

#vue #webdesign #webdev

baumannzone :verified:
4 weeks ago

[๐Ÿ”ฅ] ยกAtenciรณn #developer!

ยฟQuieres mejorar tus skills en Vue.js? VueSchool deja TODOS sus cursos GRATIS durante un fin de semana (18-19 Marzo)

Aprovecha para aprender mejores prรกcticas, nuevas herramientas y tรฉcnicas #Vue #Vuejs #JavaScript

https://vueschool.io/freeweekend23

noim
4 weeks ago

@objectref I did not expect that I would find misery programming with #Xcode again but I have to admit that the latest version is still slow and buggy. At least for
#swift development. ๐Ÿ˜›

Joke beside, I recently started working on an app project again and still canโ€™t belive how often autocomplete just completely stops working or is unbelievable slow. Especially when working with combine pipelines. And I expect differently on a M2 Max. And I always thought #volar for #vue is slow.

Renoir Boulanger
1 month ago

@yazad3

I wrote those things to use with #Vue and used it for very large collections, of many data shapes, and used it in production successfully with: Element UI [1], #Vuetify, and even non #Vue projects with web components in #Lit https://lit.dev

1: https://element.eleme.io/

Yazad
1 month ago

@jarrett thatโ€™s good to know. I donโ€™t usually build UIs but need something quick to present complex data in several grids. I quickly learned #vue and am quite impressed with the simplicity but sad that it doesnโ€™t come with built in components for UI. I discovered #vuetify and itโ€™s easy to use but the table is very basic. In Jan they have introduced data-tables as a part of #vuetify labs soโ€ฆ needed to find something else.

Thanks for the suggestion, this is very helpful.

Yazad
1 month ago

Hi #javascript experts - looking for recommendations on #vue 3 data tables or grid that supports basic filter, sort and pagination. #opensource only please. #vuejs #js

Pierre
1 month ago
Florian Geierstanger
1 month ago

Building a Bingo game with #vue, because why not :-)

felix
1 month ago

Am I going mad or is it not possible to populate <input type=โ€œdateโ€> in #vue???

https://codepen.io/blackspike/pen/BaORmWm

#VueJS #halp

Steve Frenzel
1 month ago

@kaiserkiwi fรผhle ich sehr den Artikel! In meinem #CodingBootcamp waren #React und #Vue der Hauptfokus (mehr React) und die Wahrscheinlichkeit ist hรถher einen Job in der Branche zu bekommen, weil es so populรคr ist.

Aber schon kurz danach habe ich gemerkt, wie mir die Grundlagen fehlten, deswegen fokussiere ich mich mittlerweile sehr auf HTML und CSS

Jobs for Developers
1 month ago

Brave is hiring Search Engineer - Front End

๐Ÿ”ง #javascript #python #angular #react #vue #api #aws #css #html
๐ŸŒŽ Anywhere, but European timezones preferred (or at least a significant overlap with European timezones).
โฐ Full-time
๐Ÿ’ฐ $70k - $200k
๐Ÿข Brave

Job details https://jobsfordevelopers.com/jobs/search-engineer-front-end-at-brave-jan-26-2023-00eb7e?utm_source=mastodon.world&ref=mastodon.world
#jobalert #jobsearch #hiring

felix
1 month ago

we need leadership to make a decision on whether the hashtags should be #vue or #VueJS and #nuxt or #NuxtJS pls @nuxt @devcommunity

felix
1 month ago

To help speed up posting brighton.dog posts to 4 social networks I made a #VueJS app with tags, image compositor, url shortener etc โ€“ works great with the double pane view in Arc Browser โ€“ย https://dogram.netlify.app

#WebDev #vue

a screenshot of a webapp side by side with instagram in arc browser
Inautilo
1 month ago

#Development #Trends
The evolution of Signals in JavaScript ยท Whatโ€™s behind the recent frontend buzz around the term โ€œSignalsโ€? https://ilo.im/11dpft

_____
#Development #Trends
#WebDevelopment #WebDev #Frontend #Framework #Library #JavaScript #Signals #Angular #Qwik #React #Solid #Svelte #Vue

Vannsl
1 month ago

I promise to post about #vue again at some point! But now I started my Hufflepuff career after I finished Ravenclaw ๐Ÿ˜… #HogwartsLegacy

Renoir Boulanger
1 month ago

@kagan

The linked article says it correctly, but saying "null string", can be confused as

<img src="..." alt="null" />

You probably meant an empty alt attribute;

<img src="..." alt="" />

Because at the native #DOM level of #HTML, in contrast to what we see in framework docs, property or attribute are, value typling wise, only strings.

In #React or #Angular, or #Vue frameworks docs in HTML looking templates shows passing other types, like boolean, null, object, arrays, ...

Fynn Becker
1 month ago

For the first time in like 2 years or so I started a greenfield Vue project (not counting the custom Eleventy SSR for my personal website).

The combination #Vue 3 + @vite + #TypeScript is great.

Even if youโ€™re not planning to go all-in on TypeScript, I would still recommend switching it on. With Vite thereโ€™s practically zero setup time and autocomplete will be so much nicer with TypeScript.

GENKI
1 month ago

ใ‚ขใ‚ฏใ‚ปใ‚ทใƒ“ใƒชใƒ†ใ‚ฃใƒผ็š„ใซใฏใ€Œใชใ‚“ใจใ‹ JSใ€ใฟใŸใ„ใชๅ็งฐใฎใƒฉใ‚คใƒ–ใƒฉใƒชใฎใƒใƒƒใ‚ทใƒฅใ‚ฟใ‚ฐใฏ #VueJS ใจใ‹ #RiotJS ใจใ‹ใŒๆŽจๅฅจใชใฎใ‹ใช๏ผˆ้Ÿณๅฃฐ่ชญใฟไธŠใ’ใจใ‹่€ƒๆ…ฎใ™ใ‚‹ใจ๏ผ‰

#Vue ใจใ‹ #Svelte ใจใ‹ใฏใ€ใใฎๅๅ‰ใงใ‚‚ใ†ใƒฉใ‚คใƒ–ใƒฉใƒชๅใฃใฆ่ช่ญ˜ใงใใ‚‹ใ‘ใฉ #RiotJS ใจใ‹ #SolidJS ใจใ‹ใฏๅ˜่ชžใ ใ‘ใ ใจไธ€่ˆฌๅ่ฉžใซใชใฃใกใ‚ƒใ†ใ‚“ใ ใ‚ˆใช :tony_smiling: ๐Ÿ’ฆ

I'm doing frontend with #Vue and I'm actually getting stuff done. I'm good at surprising myself

Roman Kuba ๐Ÿฆฅ
1 month ago

After doing #Vue for many years, I still admire how awesome it is, and how some things I would expect not to work, still work. Impresses me every time.

Steve Woodson
1 month ago

@lewisdaleuk @nhoizey @Julianoe @eleventy @jeromecoupe Very cool that my blog helped you out! I went all in on WordPress as a content hub and now use a multi-site install to provide content for a few of my projects. One is Eleventy, one is #laravel and the third I'm working through is a #vue #NuXT build.

Felt like overkill at the time but one install of WordPress for everything has been really nice.

Dave Mackey
2 months ago

still working on upgrading #vue/#vuetify project from 2.x to 3.x ๐Ÿฅด

I think I'm getting close? Posted on #StackOverflow all of 6 mins ago and don't have an answer, figured I'd share it here too:
https://stackoverflow.com/questions/75451497/what-is-causing-this-uncaught-typeerror-cannot-read-properties-of-undefined-r

Symfony Station :symfony:
2 months ago

@davidbisset @andy JS frameworks have been overhyped from day one. I was taught React in my coding boot camp and have not used it directly since then. #React #Vue #PHP

HELP Does anyone know if ANYTHING in here would cause performance issues ???? #CSS #JS #Vue

Dave Mackey
2 months ago

STILL working on my #Vue issue. Unfortunately `vue create` makes a 2.6 project, not 2.7. Nor does it support an option to use 2.6 with the composition API. So tomorrow I'll start fresh:

1. Create a fresh, clean 2.6.x project (TS, Router, Vuex, SCSS)
2. Add #Vuetify
3. Install the composition API
4. Make a component using the composition API
5. Upgrade to Vue 2.7.x
6. Make code changes necessary to use the built-in API.
7. Fingers crossed, the 40th time is the charm.

Florian Geierstanger
2 months ago

Just learned about the upcoming *Vapor Mode* in #Vue. If you only use a reduced set of Vue features, you can drop Virtual DOM runtime from the bundle.
https://blog.vuejs.org/posts/2022-year-in-review.html

Dave Mackey
2 months ago

looking for someone with experience upgrading #Vue 2.x to 2.7. I've been down a dozen rabbit holes...resolved a bunch of them but I've got one arcane one I can't seem to overcome. Even better if you are using #Vuetify. :-)

Gary Lake
2 months ago

Tell me you're building a SaaS product and mobile app all by yourself and just pushing to main all day long, without actually telling me you are ๐Ÿ˜ฌ

#developer #frontend #FrontendDevelopment #FullstackDeveloper #Javascript #Vue #Supabase #SaaS

Gary's git contributions as a screengrab

I'm using v-combobox (https://next.vuetifyjs.com/en/components/combobox/) with my #vuetify / #vue app but throwing ~1200 options at it was bogging it down. I couldn't find a documented option for requiring a certain number of characters before auto-suggesting values and then something came to mind. I used a computed property with ...

if(this.companyName != null && this.companyName.length > 3){
return companyNameValues;
}else{
return [];
}

... and that worked perfectly. :ablobcatattention:

David Bisset
2 months ago
jakenuts
2 months ago

Hey front-end dev ๐Ÿ‘ฉโ€๐Ÿš€!

Would you recommend using vite/rollup as opposed to vue-cli/webpack 5 for an app that is largely used by older mobile phone browsers? The documentation for supporting older browsers is clear but very short and almost seems like itโ€™s not an expected use case.

#vite #rollup #vue #webpack #legacy #bundlers

Fabio Manganiello
2 months ago

A question to the (open-source) web developers out there: suppose that you have a monorepo where you have both a #Python #Flask-based web server (under myapp) and a #Vue frontend (under myapp/something/webapp/src).

Running the usual npm commands in the directory of the webapp builds all the static files under dist, as usual.

How do you package and distribute your app in a way that is both user-friendly (the user shouldn't do an npm install / npm run build unless they really want to install from sources), clean for the codebase, and easy to maintain?

I'm asking because this is exactly the situation where #Platypush currently is.

As of now, the frontend's dist directory is part of the repo, so I build it / commit it whenever there's a change on the frontend.

This is nice for the user because just typing a `pip install platypush` does everything, with no extra requirements for node/npm and no extra time spent building the frontend files.

However, it's very ugly for the codebase. I basically have a big folder of uglified JS and static resources stored permanently in my repo, and that has to be rebuilt and committed every time I change the FE (which makes commits way less readable, and it also makes the .git folder quite big).

I've thought of several other solutions, but I'm not really happy with any of them:

1. `pip install` also does `npm install`. Of course, this would keep the codebase way cleaner, but it means that the user now also needs node+npm (besides the Python dependencies), and the build/install time will take ~1 minute more.

2. Split the FE into a separate project and import it via git submodule. Cleaner, it would also clearly separate the BE from the FE, but the FE still needs to be built at some point - so I suppose that, before a new package is released, there should be a pipeline that builds the dist files for the FE, and puts the dist folder into the released Python package. Also, this would only work if the user installs the latest stable version via `pip install`. Installing from a repo clone would still mean building the FE.

3. Have a pipeline in place that, after every commit to main, also builds the FE files and uploads them somewhere, tagging the archive either with the release number or the SHA hash of the associated commit. Upon installation, the script will just download and unpack the version of the FE dist bundle associated to the target application version. Neat from a user perspective, easy to scale (and even to wrap in a Dockerfile), but quite expensive in terms of computation (an npm install/build needs to run on every commit, and my webapp is quite large) and storage (my dist folder is ~20 MB, storing a dist archive per commit can easily get into the domain of several GBs).

Is there any solution you prefer? Or maybe a better way of packaging and distributing "mixed" Flask+Vue apps that I haven't considered?

Is there a Vue 3 table component that works well on mobile that anyone would recommend?

#vue #vue3 #frontend #table

Max Bachhuber
2 months ago

Check out this project: https://shoelace.style/

It is like bootstrap but uses WebComponents.

Completely framework agnostic ๐Ÿ˜Ž

#WebDevelopment #WebComponents #CSS #React #Angular #Vue #Shoelace

Liana :verified:
2 months ago

Here's a screenshot of what scripting looks like

I want more people to try this engine so please try it or help people know it exists โค๏ธ

You can also signal boost it on the Twitter thread (https://twitter.com/NarratEngine/status/1620903986730778626)

Or the Tumblr post (https://www.tumblr.com/bubbline3456/708071346693865473/narrat-engine-demo-narrat-is-a-game-engine-i?source=share)

๐Ÿš€ Get started using it on the website https://get-narrat.com/

#Narrat #gamedev #javascript #typescript #vue #programming #gaming #html #indiedev #rpg #project #tech #visualnovel #interactivefiction

Liana :verified:
2 months ago

Here's a little features list for it

๐Ÿš€ Super easy to get started with a tool that will setup your project
โœ๏ธ Customisable characters, branching dialog and conditions
๐Ÿ‘ฉโ€๐Ÿ’ป Super easy scripting with a custom made language that focuses on letting you write dialog
๐ŸŽงAudio support for music loops and sound effects
๐Ÿ“˜RPG features like skills with skill checks, inventory, quests
๐ŸŽจ Accessible UI customisation with CSS
โš™๏ธ Extremely configurable
๐Ÿ’กPlugin system to add functionality to the engine, new bits of UI or even extend the scripting language with your own commands!
๐Ÿ–ฅ๏ธ Steam export setup by default
๐ŸŽฌ Support for GIFs or webp in images for easy animation
๐Ÿ–ผ๏ธ Dynamic sprites and text to programmatically display custom elements on screen
๐ŸŒ Completely free and open source, and with a helpful Discord

#Narrat #gamedev #javascript #typescript #vue #programming #gaming #html #indiedev #rpg #project #tech #visualnovel #interactivefiction

Liana :verified:
2 months ago

๐Ÿš€ If you just want to try it, , get on the website itโ€™s very quick (https://get-narrat.com)

Here are some screenshots of games that have been made on it by people (Links to those games are on the website)

I don't really have a big network of followers so the only people can learn about this engine is if other people help spread info about it

#Narrat #gamedev #javascript #typescript #vue #programming #gaming #html #indiedev #rpg #project #tech #visualnovel #interactivefiction

Liana :verified:
2 months ago

Narrat ๐Ÿ€ has been getting a bit of attention again so here's another intro of the engine. I think most people who might be interested in this don't actually know about it so I'm hoping to reach more people for once.

Narrat is a game engine I created to easily make interactive fiction games (narrative RPGs, visual novels etc) for desktop or browser.

Iโ€™ve worked on this game engine for some time, mostly to help friends make their games. Itโ€™s been used on a few small games, and some bigger ones in progress.

This Tumblr post has more details and could do with a signal boost as it's getting attention https://www.tumblr.com/bubbline3456/708071346693865473/narrat-engine-demo-narrat-is-a-game-engine-i?source=share

There's also a Patreon:
https://www.patreon.com/NarratEngine

๐Ÿงต

#Narrat #gamedev #javascript #typescript #vue #programming #gaming #html #indiedev #rpg #project #tech #visualnovel #interactivefiction