hugodf / alpine-minimal-boilerplate

Minimal Alpine.js + HTML setup.

👋

I'm a JavaScript developer and run codewithhugo.com.

You've probably seen me around the Node.js/JavaScript/Testing community, where I help with:

• Wes Bos' awesome-uses.
• Alpine.js Weekly Newsletter
• Alpine.js devtools
• Alpine testing utilities

About me:

• 📚 I blog at codewithhugo.com, recently published The Jest Handbook.
• 🔭 find me hovering around the Alpine.js repository with code contributions, comments in GitHub Issues, the community Discord and StackOverflow.
• 💬 Ask me about: JavaScript, Alpine.js, Node.js, React, Testing
• 📫 How to reach me: on Twitter, @hugo__df
• 🤔 I’m looking for some Sponsors to keep running the Alpine.js Newsletter

alpine-minimal-boilerplate's Issues

Spruce up default HTML content

Inspired by Vue CLI output:

• Add some basic styling (so it doesn't look terrible)
• Add Alpine.js Logo
• Switch default component to a "Welcome" component, "Welcome to your Alpine.js app" (which is all a dynamic "msg" x-data field).
• Add "Essential Links": Docs (README in repo), Forum (GH Discussion), Community Chat (discord)
• Add "Ecosystem Links": awesome-alpine, Spruce, Alpine.js weekly?, stylenames?

For reference, Vue CLI output for App.vue is:

<template>
    <div id="app">
        <img src="./assets/logo.png">
        <h1>{{ msg }}</h1>
        <h2>Essential Links</h2>
        <ul>
            <li><a href="https://vuejs.org" target="_blank" rel="noopener noreferrer">Core Docs</a></li>
            <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener noreferrer">Forum</a></li>
            <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener noreferrer">Community Chat</a></li>
            <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener noreferrer">Twitter</a></li>
        </ul>
        <h2>Ecosystem</h2>
        <ul>
            <li><a href="http://router.vuejs.org/" target="_blank" rel="noopener noreferrer">vue-router</a></li>
            <li><a href="http://vuex.vuejs.org/" target="_blank" rel="noopener noreferrer">vuex</a></li>
            <li><a href="http://vue-loader.vuejs.org/" target="_blank" rel="noopener noreferrer">vue-loader</a></li>
            <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener noreferrer">awesome-vue</a></li>
        </ul>
    </div>
</template>

Dependabot couldn't find a package.json for this project

Dependabot couldn't find a package.json for this project.

Dependabot requires a package.json to evaluate your project's current JavaScript dependencies. It had expected to find one at the path: /package.json.

If this isn't a JavaScript project, or if it is a library, you may wish to disable updates for it in the .dependabot/config.yml file in this repo.

View the update logs.

Dependabot couldn't find a package.json for this project

Dependabot couldn't find a package.json for this project.

Dependabot requires a package.json to evaluate your project's current JavaScript dependencies. It had expected to find one at the path: /package.json.

If this isn't a JavaScript project, or if it is a library, you may wish to disable updates for it in the .dependabot/config.yml file in this repo.

View the update logs.