The latest articles on DEV Community by Nabil Anam (@nabilanam). https://dev.to/nabilanam https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F185647%2F9031ebf8-2e39-4fdc-8c98-b9deaa51c480.jpeg https://dev.to/nabilanam en Nabil Anam Mon, 02 Aug 2021 23:11:52 +0000 https://dev.to/nabilanam/laravel-ziggy-route-autocompletion-for-vscode-5nk https://dev.to/nabilanam/laravel-ziggy-route-autocompletion-for-vscode-5nk <p>I always felt there was a lacking for route completions when I was using <code>tighten/ziggy</code>. It became almost necessity when I decided to use inertia js. Inertia, what not to like!</p> <p>Anyway, I was searching ziggy in vs code marketplace every now and then and finally decided to build my own extension.</p> <p>At first this extension loads route names from <code>resources/js/ziggy.js</code>. When it finds <code>route()</code> or <code>$route()</code> in js code it shows matched suggestions from extension's cached list. My main hiccup was importing the route list. I had to transform es6 code on the fly because of ziggy's export not being supported by node js.</p> <p>Another problem I was facing is <code>artisan ziggy:generate</code> command. I had to run this command every time I made a new route or changed something. This extension solves this problem too. It watches <code>web.php</code> for changes and runs the artisan command automatically. Of course this can be disabled too.</p> <p>Let me know what do you think :)</p> <p>Links: <a href="https://marketplace.visualstudio.com/items?itemName=nabil.ziggy-routes">Extension</a>, <a href="https://github.com/nabilanam/ziggy-routes">Repository</a></p> vscode ziggy laravel vue