unrevised6419

Note

This is a generic issue template to raise awareness about exactOptionalPropertyTypes support across TypeScript libraries.

Summary

This package's types are not fully compatible with TypeScript's exactOptionalPropertyTypes compiler flag (tsconfig.json).

Problem

With exactOptionalPropertyTypes: true, optional properties behave differently — they can’t be assigned undefined unless it's explicitly part of the type. Currently, this library's types treat optional properties as implicitly allowing undefined, which causes type errors in strict setups.

npm init
git ignore
ni ts
add tsconfig.json, tsconfig.1.json, tsconfig2.json (+ schema)
add file.ts, file1.ts, file2.ts with params example
run from terminal, show IDE
add TS Config no property index
run from terminal, show IDE
Fix
run from terminal, show IDE

Get rid of all content from Twitter

How to use "Remove Tweets"

Sign in to Twitter
Go to your Profile
Open DevTools and go to the 'Console' tab
Copy and paste the following script

	<template>
	<component :is="vnode" />
	</template>

	<script setup lang="ts">
	import {
	h,
	onServerPrefetch,
	shallowRef,
	watch,

	"use client";

	import { startTransition, type TransitionFunction } from "react";

	function useStartTransition<Args extends unknown[]>(
	cb: (...args: Args) => ReturnType<TransitionFunction>,
	) {
	return (...args: Args) => startTransition(() => cb(...args));
	}

	{
	"compilerOptions": {
	"strict": true,
	"noEmitOnError": false,
	"useUnknownInCatchVariables": false,
	"forceConsistentCasingInFileNames": true,
	"noFallthroughCasesInSwitch": true,
	"noImplicitOverride": true,
	"noImplicitReturns": true,
	"exactOptionalPropertyTypes": true,

	import {
	inject,
	provide,
	type InjectionKey,
	type SlotsType,
	type ComputedRef,
	computed,
	toRef,
	defineComponent,
	} from 'vue';

	<script setup>
	import LocalScope from './LocalScope.vue'
	</script>

	<template>
	<LocalScope item-classes="rounded p-3 bg-blue-500" #default="{ itemClasses }">
	<div :class="itemClasses">
	No Data
	</div>

	let key = document.querySelector(`[data-testid="issue.views.issue-base.foundation.breadcrumbs.current-issue.item"]`).textContent;
	let title = document.querySelector(`[data-testid="issue.views.issue-base.foundation.summary.heading"]`).textContent;
	let link = document.querySelector(`[data-testid="issue.views.issue-base.foundation.breadcrumbs.current-issue.item"]`).href;
	let date = new Date().toLocaleDateString('it-IT');
	let textMessage = `🔵 [${key}] - ${title} - ${date}`;
	let htmlMessage = `🔵 [<a href="${link}">${key}</a>] - ${title} - ${date}`;
	let textBlob = new Blob([textMessage], { type: 'text/plain' });
	let htmlBlob = new Blob([htmlMessage], { type: 'text/html' });
	let clipboardItem = new ClipboardItem({ [textBlob.type]: textBlob, [htmlBlob.type]: htmlBlob });
	globalThis.navigator.clipboard.write([clipboardItem]);

	const cacheControlDirective = new GraphQLDirective({
	name: 'cacheControl',
	locations: [
	DirectiveLocation.FIELD_DEFINITION,
	DirectiveLocation.OBJECT,
	DirectiveLocation.INTERFACE,
	DirectiveLocation.UNION,
	],
	args: {
	maxAge: {