Muhammad Ubaid Raza mubaidr

Volar 2.0 "Link"

I am Johnson, the author of Volar (now known as Vue Language Tools), and we released version 2.0 in March this year. This article will introduce you to the improvements and development experiences brought by 2.0.

Why 2.0?

In Vetur and Volar v1, we implemented Vue's IDE support through the Language Server Protocol (LSP), which works well for most small to medium-sized Vue projects, but there may be problems for very large projects.

TS Server and Vue Language Server are using double the memory

This gist will walk you through configuring your Node.js Project so that you can write your code in TypeScript using Visual Studio Code. These isntructions were written for attendees at Microsoft Build doing a super secret thing I can't talk about (ooo, the suspense!), but they also will work for any Node.js project written in TypeScript.

Before we get started configuring TypeScript, we need to initialize a new Node.js project. If you have not already installed Node.js, please head over to nodejs.org and install the latest LTS version of Node.js. Once this is done, create a folder for your Node.js project and open a terminal in this folder. In the terminal, run the command:

npm init

This command will ask you a series of questions. You can use the defaults for each question here because they don't really matter. These only matter if you intend to publish your module to [npmjs.com](htt

	export default defineNuxtRouteMiddleware(async (to) => {
	const { loggedIn, user, clear } = useUserSession()
	const auth = to.meta.auth as
	\| undefined
	\| boolean
	\| {
	unauthenticatedOnly: boolean
	navigateAuthenticatedTo: string \| undefined
	}

	// Add these settings at the end of VSCode's `settings.json` file to allow HTTP inspection.
	// For use with any MITM, self-signed HTTP proxy (Proxyman, Charles, Fiddler, etc).

	// Last tested on VSCode 1.78.2. It's possible security settings will be hardened in future releases.
	// Make sure to enable SSL-proxying of relevant hostnames to intercept complete requests/responses.
	// For Copilot: `copilot-proxy.githubusercontent.com`

	// These settings are obviously not secure, so disable them when not needed!
	{
	/* rest of your vscode settings */

	// ~/server/api/sse.ts
	export default defineEventHandler(async (event) => {
	if (!process.dev) return { disabled: true }

	// Enable SSE endpoint
	setHeader(event, 'cache-control', 'no-cache')
	setHeader(event, 'connection', 'keep-alive')
	setHeader(event, 'content-type', 'text/event-stream')
	setResponseStatus(event, 200)

	#!/usr/bin/env bash

	set -uo pipefail

	_VSCODEDIR="$HOME/.vscode/extensions"
	_COPILOTDIR=$(ls "${_VSCODEDIR}" \| grep -E "github.copilot-[1-9].*" \| sort -V \| tail -n1) # For copilot
	_COPILOTDEVDIR=$(ls "${_VSCODEDIR}" \| grep "github.copilot-nightly-" \| sort -V \| tail -n1) # For copilot-nightly

	_EXTENSIONFILEPATH="${_VSCODEDIR}/${_COPILOTDIR}/dist/extension.js"
	_DEVEXTENSIONFILEPATH="${_VSCODEDIR}/${_COPILOTDEVDIR}/dist/extension.js"

	#!/usr/bin/env node
	const path = require('path')
	const generatorHelper = require('@prisma/generator-helper')
	const { Project, StructureKind, VariableDeclarationKind } = require('ts-morph')

	generatorHelper.generatorHandler({
	onManifest(config) {
	return {
	prettyName: 'Filters',
	defaultOutput: path.resolve(__dirname, 'filters'),

	const { parse } = require('acorn');
	const fs = require('fs');
	const file = fs.readFileSync('./__tests__/file-name.js').toString();
	const rootAST = parse(file, {
	locations: true
	});

	function traverse(ast) {
	if (Array.isArray(ast)) {
	for (let i = 0; i < ast.length; i++) {

	<!DOCTYPE html>
	<html>
	<head>
	<title>brain.js</title>
	<script src="https://cdn.rawgit.com/BrainJS/brain.js/develop/browser.js"></script>
	<script>
	function DrawableCanvas(el) {
	const px = 10
	const ctx = el.getContext('2d')
	let x = []