filipe/luis-medeiros
1
0
Fork 0
Code Issues Pull requests Activity

maybe going for it

Browse source
This commit is contained in:
Filipe Medeiros 2022-08-21 01:17:40 +01:00
parent 9dac46970f
commit d877fbd720
5 changed files with 33 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
.gitignore vendored
View file

@ -1 +1,3 @@
node_modules
node_modules
dist
.parcel-cache

6
.postcssrc
View file

@ -1,6 +0,0 @@
{
"plugins": {
"tailwindcss": {},
"autoprefixer": {}
}
}

5
.postcssrc.json Normal file
View file

@ -0,0 +1,5 @@
{
"plugins": {
"tailwindcss": {}
}
}

32
package.json
View file

@ -1,18 +1,18 @@
{
"name": "starter",
"source": "src/index.html",
"scripts": {
"start": "parcel",
"build": "parcel build"
},
"devDependencies": {
"autoprefixer": "^10.4.2",
"parcel": "latest",
"postcss": "^8.4.6",
"tailwindcss": "^3.0.22"
},
"dependencies": {
"alpinejs": "^3.9.0",
"prettier": "^2.5.1"
}
"name": "starter",
"source": "src/index.html",
"scripts": {
"dev": "parcel",
"build": "parcel build"
},
"devDependencies": {
"autoprefixer": "^10.4.2",
"parcel": "latest",
"postcss": "^8.4.6",
"tailwindcss": "^3.0.22"
},
"dependencies": {
"alpinejs": "^3.9.0",
"prettier": "^2.5.1"
}
}

27
src/index.html
View file

@ -1,21 +1,12 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My App</title>
<link rel="stylesheet" href="./css/styles.css" />
</head>
<body class="flex items-center justify-center w-screen h-screen">
<div class="flex flex-col">
<p class="text-4xl text-blue-600">ready to code 🚀</p>
<div x-data="{ open: false }">
<button class="" @click="open = !open">
Click here to test alpine :
</button>
<span x-show="open"> it's working ✅</span>
</div>
</div>
<script src="./js/app.js" type="module"></script>
</body>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My App</title>
<link rel="stylesheet" href="./css/styles.css" />
</head>
<body class="min-h-screen">
<script src="./js/website.js" type="module"></script>
</body>
</html>