feat(create-vite): move TypeScript ones up (#12057)

Author: sapphi-red

packages/create-vite/src/index.ts

@@ -44,33 +44,33 @@ const FRAMEWORKS: Framework[] = [
     display: 'Vanilla',
     color: yellow,
     variants: [
-      {
-        name: 'vanilla',
-        display: 'JavaScript',
-        color: yellow,
-      },
       {
         name: 'vanilla-ts',
         display: 'TypeScript',
         color: blue,
       },
+      {
+        name: 'vanilla',
+        display: 'JavaScript',
+        color: yellow,
+      },
     ],
   },
   {
     name: 'vue',
     display: 'Vue',
     color: green,
     variants: [
-      {
-        name: 'vue',
-        display: 'JavaScript',
-        color: yellow,
-      },
       {
         name: 'vue-ts',
         display: 'TypeScript',
         color: blue,
       },
+      {
+        name: 'vue',
+        display: 'JavaScript',
+        color: yellow,
+      },
       {
         name: 'custom-create-vue',
         display: 'Customize with create-vue ↗',
@@ -90,77 +90,77 @@ const FRAMEWORKS: Framework[] = [
     display: 'React',
     color: cyan,
     variants: [
-      {
-        name: 'react',
-        display: 'JavaScript',
-        color: yellow,
-      },
       {
         name: 'react-ts',
         display: 'TypeScript',
         color: blue,
       },
-      {
-        name: 'react-swc',
-        display: 'JavaScript + SWC',
-        color: yellow,
-      },
       {
         name: 'react-swc-ts',
         display: 'TypeScript + SWC',
         color: blue,
       },
+      {
+        name: 'react',
+        display: 'JavaScript',
+        color: yellow,
+      },
+      {
+        name: 'react-swc',
+        display: 'JavaScript + SWC',
+        color: yellow,
+      },
     ],
   },
   {
     name: 'preact',
     display: 'Preact',
     color: magenta,
     variants: [
-      {
-        name: 'preact',
-        display: 'JavaScript',
-        color: yellow,
-      },
       {
         name: 'preact-ts',
         display: 'TypeScript',
         color: blue,
       },
+      {
+        name: 'preact',
+        display: 'JavaScript',
+        color: yellow,
+      },
     ],
   },
   {
     name: 'lit',
     display: 'Lit',
     color: lightRed,
     variants: [
-      {
-        name: 'lit',
-        display: 'JavaScript',
-        color: yellow,
-      },
       {
         name: 'lit-ts',
         display: 'TypeScript',
         color: blue,
       },
+      {
+        name: 'lit',
+        display: 'JavaScript',
+        color: yellow,
+      },
     ],
   },
   {
     name: 'svelte',
     display: 'Svelte',
     color: red,
     variants: [
-      {
-        name: 'svelte',
-        display: 'JavaScript',
-        color: yellow,
-      },
       {
         name: 'svelte-ts',
         display: 'TypeScript',
         color: blue,
       },
+      {
+        name: 'svelte',
+        display: 'JavaScript',
+        color: yellow,
+      },
       {
         name: 'custom-svelte-kit',
         display: 'SvelteKit ↗',