Light

krutie / distraction-free-vue-form Goto Github PK

View Code? Open in Web Editor NEW

125.0 125.0 36.0 475 KB

This is a supporting GitHub repository for Building an Interactive and Distraction-free Form with Vue article.

Home Page: http://distraction-free-vue-form.surge.sh/

JavaScript 24.99% HTML 4.37% Vue 51.80% CSS 18.84%

distraction-free-vue-form's Introduction

Hi, I'm Krutie 👋

I'm a front-end developer. I create interactive web stuff using Vue js and Nuxt js. Some other frameworks and libraries I also enjoy working with include GSAP, Laravel ⚡️ and Jamstack (JavaScript, APIs + Markup). I love writing ✏️ articles about what I learn and share with Vue/Nuxt community. You can find my blog-posts on my website, which is also created using 👑 Nuxt js.

Apart from this, I also love creating colour-coded diagrams. I create them to capture and document my learning. Diagraming have been an effective tool in my learning journey of Laravel, Vue js and of course, my absolute favourite, Nuxt js.

NuxtDojo - Nuxt Book Project

Diagrams for Nuxt 3

Love my diagrams? Learn how to create concept diagrams like a pro:

Find me around the web:

distraction-free-vue-form's People

Contributors

Stargazers

Watchers

distraction-free-vue-form's Issues

Migration to Vue 3

This project is a great learning resource. Unfortunately, I am starting off as a developer and am using Vue3. Will this project be migrated to Vue 3? It would really help if that was possible.

Getting errors: Error in getter for watcher "isCurrentFieldValid":

Hi,

Im trying to make it work, but the input fields just dont show, I get the same errors all the time:

app.js:47477 [Vue warn]: Error in getter for watcher "isCurrentFieldValid": "TypeError: Cannot read property 'firstName' of undefined"

found in

---> <FormTemplate> at   components/components/FormTemplate.vue
       <App> at  components/App.vue
         <Root>

Please help, thanks!

How to import these vue files to laravel project?

Please see my question in StackOverFlow.

Support label fields

Please forgive the quick 'drive by' issue - I'd try a PR myself (and may later) but I saw this while doing the demo. Consider adding Label support to make working w/ radio/checkbox fields easier. I noticed the lack of it right away as it was easier to click the text then the checkbox/radio button.

scrollbar show during switch

scrollbar width affect elements position during switching

may you can fix like this:

::-webkit-scrollbar {
width:0px;
}

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.