refactor: update tsconfig and vite paths

Author: thedanchez

playground/App.tsx

@@ -1,10 +1,10 @@
-import "@/styles/style.css";
+import "~/styles/style.css";
 
 import { Route, Router, useSearchParams } from "@solidjs/router";
 import { ErrorBoundary } from "solid-js";
 import { Dynamic } from "solid-js/web";
 
-import { SolidFlowProvider } from "@/components";
+import { SolidFlowProvider } from "~/index";
 
 import { AppStateBar } from "./AppStateBar";
 import { SolidFlowExamplesMap } from "./constants";

playground/AppStateBar.tsx

@@ -1,7 +1,7 @@
 import { useSearchParams } from "@solidjs/router";
 import { For, type JSX } from "solid-js";
 
-import { useSolidFlow } from "@/hooks";
+import { useSolidFlow } from "~/index";
 
 import { SolidFlowExamplesMap } from "./constants";
 

playground/examples/accessibility/page.tsx

@@ -8,7 +8,7 @@ import {
   MiniMap,
   Panel,
   SolidFlow,
-} from "@/index";
+} from "~/index";
 
 export const A11y = () => {
   const [nodes] = createNodeStore([

playground/examples/add-node-on-drop/AddNodeOnDrop.tsx

@@ -9,7 +9,7 @@ import {
   SolidFlow,
   useNodeConnections,
   useSolidFlow,
-} from "@/index";
+} from "~/index";
 
 export const AddNodeOnDropExample = () => {
   const [nodes] = createNodeStore([

playground/examples/add-node-on-drop/page.tsx

@@ -1,4 +1,4 @@
-import { SolidFlowProvider } from "@/index";
+import { SolidFlowProvider } from "~/index";
 
 import { AddNodeOnDropExample } from "./AddNodeOnDrop";
 

playground/examples/backgrounds/page.tsx

@@ -1,6 +1,6 @@
 import { For } from "solid-js";
 
-import { Background, type BackgroundProps, SolidFlow, SolidFlowProvider } from "@/index";
+import { Background, type BackgroundProps, SolidFlow, SolidFlowProvider } from "~/index";
 
 const Flow = (props: { id: string; bgProps: BackgroundProps[] }) => {
   return (

playground/examples/color-mode/page.tsx

@@ -1,6 +1,6 @@
 import { createSignal } from "solid-js";
 
-import { Background, type ColorMode, Controls, MiniMap, Panel, SolidFlow } from "@/index";
+import { Background, type ColorMode, Controls, MiniMap, Panel, SolidFlow } from "~/index";
 
 export function ColorMode() {
   const [nodes] = createSignal([

playground/examples/custom-connection-line/ConnectionLine.tsx

@@ -1,6 +1,6 @@
 import { Show } from "solid-js";
 
-import { getBezierPath, useConnection } from "@/index";
+import { getBezierPath, useConnection } from "~/index";
 
 export const ConnectionLine = () => {
   const connection = useConnection();

playground/examples/custom-connection-line/CustomNode.tsx

@@ -1,4 +1,4 @@
-import { Handle, type NodeProps } from "@/index";
+import { Handle, type NodeProps } from "~/index";
 
 const handleStyle = {
   width: "10px",

playground/examples/custom-connection-line/page.tsx

@@ -1,4 +1,4 @@
-import { Background, createEdgeStore, createNodeStore, SolidFlow } from "@/index";
+import { Background, createEdgeStore, createNodeStore, SolidFlow } from "~/index";
 
 import { ConnectionLine } from "./ConnectionLine";
 import { CustomNode } from "./CustomNode";