Skip to content

Instantly share code, notes, and snippets.

@iamspark1e

iamspark1e/alpinejs-template.html

Last active June 11, 2024 08:35
Show Gist options
  • Save iamspark1e/9666ba16b778e9aafa40b6690204c98d to your computer and use it in GitHub Desktop.
Save iamspark1e/9666ba16b778e9aafa40b6690204c98d to your computer and use it in GitHub Desktop.
Download ZIP
CDN mode alpinejs v3 + Daisy UI + dayjs template.
Raw
alpinejs-template.html
<html lang="en" data-theme="emerald">
<head>
<title>Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.11.1/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/dayjs@1/dayjs.min.js"></script>
<style></style>
</head>
<body x-data="indexData">
</body>
<script>
document.addEventListener('alpine:init', () => {
Alpine.data('indexData', () => {
return {
init() {
}
}
})
})
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment