Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

The Skeleton v2 CLI is installing Tailwind v4, which is not currently compatible #3166

Closed
endigo9740 opened this issue Jan 25, 2025 · 2 comments · Fixed by #3171
Closed

The Skeleton v2 CLI is installing Tailwind v4, which is not currently compatible #3166

endigo9740 opened this issue Jan 25, 2025 · 2 comments · Fixed by #3171
Labels
bug Something isn't working create-skeleton-app Issues related to the create-skeleton-app CLI
Milestone

Comments

@endigo9740
Copy link
Contributor

endigo9740 commented Jan 25, 2025

Current Behavior

A user on Discord has confirmed that the current v2 CLI instructions are installing Skeleton v2 + Tailwind v4. This is not compatible and will lead to errors for any users trying to use this.

Expected Behavior

The CSA app should be pinned to the latest v3.x release

The version should be updated from latest to v3.4.17

NOTE: I'm assuming this will match package.json formatting for version
For example [email protected], so we would only add 3.4.17

https://github.com/skeletonlabs/skeleton/blob/dev/packages/create-skeleton-app/src/creator.js#L56

Steps To Reproduce

https://www.skeleton.dev/docs/get-started

Link to Reproduction / Stackblitz

No response

More Information

Additionally I recommend we pin other dependencies, especially those related to Skeleton. Otherwise similar issues with arise when Skeleton v3 drops.

@endigo9740 endigo9740 added bug Something isn't working create-skeleton-app Issues related to the create-skeleton-app CLI labels Jan 25, 2025
@endigo9740 endigo9740 added this to the v2.0 milestone Jan 25, 2025
@endigo9740 endigo9740 pinned this issue Jan 25, 2025
@blurskye
Copy link

blurskye commented Jan 25, 2025

this will have to do for now 😭😭

echo "project name? \n>"
read project_name

if [ -z "$project_name" ]; then
    echo "Error: Project name cannot be empty"
    exit 1
fi

bunx [email protected] create --template minimal --types ts $project_name

cd $project_name
bun i -D @skeletonlabs/skeleton@next @skeletonlabs/skeleton-svelte@next

cat > tailwind.config.js << 'EOL'
import type { Config } from 'tailwindcss';

import { skeleton, contentPath } from '@skeletonlabs/skeleton/plugin';
import * as themes from '@skeletonlabs/skeleton/themes';

export default {
    content: [
        './src/**/*.{html,js,svelte,ts}',
        contentPath(import.meta.url, 'svelte')
    ],
    theme: {
        extend: {},
    },
    plugins: [
        skeleton({
            themes: [ themes.cerberus, themes.rose ]
        })
    ]
} satisfies Config
EOL

cat > ./src/app.html << 'EOL'
<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		%sveltekit.head%
	</head>
	<body data-theme="cerberus" data-sveltekit-preload-data="hover">
		<div style="display: contents">%sveltekit.body%</div>
	</body>
</html>
EOL

@endigo9740
Copy link
Contributor Author

A new release has dropped with fixes the TW version issue for the create-skeleton-app CLI.

This should resolve the issue described in my original post above.

@blurskye FYI, no work around needed after this fix. Feel free to continue using the CSA as documented.

@endigo9740 endigo9740 unpinned this issue Jan 25, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working create-skeleton-app Issues related to the create-skeleton-app CLI
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants