feat(Templates): upgrade tailwindcss starter template to v4

hatemhosny · hatemhosny · commit 84b32f3ca692 · 2025-01-30T01:36:43.000+02:00
diff --git a/src/livecodes/templates/starter/tailwindcss-starter.ts b/src/livecodes/templates/starter/tailwindcss-starter.ts
@@ -69,9 +69,7 @@ export const tailwindcssStarter: Template = {
   style: {
     language: 'css',
     content: `
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
 
 .back-card {
   @apply absolute inset-0 bg-gradient-to-r from-cyan-400 to-sky-500 shadow-lg transform -skew-y-6 sm:skew-y-0 sm:-rotate-6 sm:rounded-3xl;
@@ -82,50 +80,5 @@ export const tailwindcssStarter: Template = {
     language: 'javascript',
     content: '',
   },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
   processors: ['tailwindcss'],
-  imports: {},
-  types: {},
-  customSettings: {
-    tailwindcss: {
-      plugins: [
-        '@tailwindcss/forms',
-        '@tailwindcss/typography',
-        '@tailwindcss/aspect-ratio',
-        '@tailwindcss/line-clamp',
-      ],
-      theme: {
-        extend: {
-          colors: {
-            sky: {
-              '50': '#f0f9ff',
-              '100': '#e0f2fe',
-              '200': '#bae6fd',
-              '300': '#7dd3fc',
-              '400': '#38bdf8',
-              '500': '#0ea5e9',
-              '600': '#0284c7',
-              '700': '#0369a1',
-              '800': '#075985',
-              '900': '#0c4a6e',
-            },
-            cyan: {
-              '50': '#ecfeff',
-              '100': '#cffafe',
-              '200': '#a5f3fc',
-              '300': '#67e8f9',
-              '400': '#22d3ee',
-              '500': '#06b6d4',
-              '600': '#0891b2',
-              '700': '#0e7490',
-              '800': '#155e75',
-              '900': '#164e63',
-            },
-          },
-        },
-      },
-    },
-  },
 };
