chore: init

Author: atinux

Diff for: .env.example

@@ -0,0 +1 @@
+NUXT_PUBLIC_HELLO_TEXT="Hello from the Edge 👋"

Diff for: .gitignore

@@ -0,0 +1,24 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example

Diff for: README.md

@@ -0,0 +1,83 @@
+# Hello Edge
+
+A minimal [Nuxt](https://nuxt.com) starter deployed on the Edge using [NuxtHub](https://hub.nuxt.com).
+
+## Features
+
+- Server-Side rendering on Cloudflare Workers
+- ESLint setup
+- Ready to add a database, blob and KV storage
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+
+# bun
+bun install
+```
+
+You can update the main text displayed by creating a `.env`:
+
+```bash
+NUXT_PUBLIC_HELLO_TEXT="Hello my world!"
+```
+
+## Development Server
+
+Start the development server on `http://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm run dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm run build
+
+# yarn
+yarn build
+
+# bun
+bun run build
+```
+
+## Deploy
+
+
+Deploy the application on the Edge with [NuxtHub](https://hub.nuxt.com) on your Cloudflare account:
+
+```bash
+npx nuxthub deploy
+```
+
+Then checkout your server logs, analaytics and more in the [NuxtHub Admin](https://admin.hub.nuxt.com).
+
+You can also deploy using [Cloudflare Pages CI](https://hub.nuxt.com/docs/getting-started/deploy#cloudflare-pages-ci).
+

Diff for: app/app.vue

@@ -0,0 +1,5 @@
+<template>
+  <NuxtRouteAnnouncer />
+  <NuxtLoadingIndicator />
+  <NuxtPage />
+</template>

Diff for: app/pages/index.vue

@@ -0,0 +1,41 @@
+<script setup>
+const runtimeConfig = useRuntimeConfig()
+const colors = ['#f87171', '#fb923c', '#fbbf24', '#facc15', '#a3e635', '#4ade80', '#34d399', '#2dd4bf', '#22d3ee', '#38bdf8', '#60a5fa', '#818cf8', '#a78bfa', '#c084fc', '#e879f9', '#f472b6', '#fb7185']
+const color = useState('color', () => colors[Math.floor(Math.random() * colors.length)])
+</script>
+
+<template>
+  <div class="centered">
+    <h1 :style="{ color }">{{ runtimeConfig.public.helloText }}</h1>
+    <NuxtLink to="/" external>refresh</NuxtLink>
+  </div>
+</template>
+
+<style scoped>
+.centered {
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  margin: 0;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+h1 {
+  font-size: 32px;
+}
+@media (min-width: 768px) {
+  h1 {
+    font-size: 64px;
+  }
+}
+a {
+  color: #888;
+  text-decoration: none;
+  font-size: 18px;
+}
+a:hover {
+  text-decoration: underline;
+}
+</style>

Diff for: eslint.config.mjs

@@ -0,0 +1,6 @@
+// @ts-check
+import withNuxt from './.nuxt/eslint.config.mjs'
+
+export default withNuxt(
+  // Your custom configs here
+)

Diff for: nuxt.config.ts

@@ -0,0 +1,26 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  // https://nuxt.com/docs/getting-started/upgrade#testing-nuxt-4
+  future: { compatibilityVersion: 4 },
+
+  // https://nuxt.com/modules
+  modules: [
+    '@nuxthub/core',
+    '@nuxt/eslint'
+  ],
+
+  // https://hub.nuxt.com/docs/getting-started/installation#options
+  hub: {},
+
+  // Env variables - https://nuxt.com/docs/getting-started/configuration#environment-variables-and-private-tokens
+  runtimeConfig: {
+    public: {
+      // Can be overridden by NUXT_PUBLIC_HELLO_TEXT environment variable
+      helloText: 'Hello from the Edge 👋'
+    }
+  },
+  
+
+  // https://devtools.nuxt.com
+  devtools: { enabled: true }
+})

Diff for: package.json

@@ -0,0 +1,26 @@
+{
+  "name": "nuxt-app",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare",
+    "lint": "eslint ."
+  },
+  "dependencies": {
+    "@nuxt/eslint": "^0.3.13",
+    "@nuxthub/core": "^0.6.15",
+    "nuxt": "^3.12.1",
+    "vue": "^3.4.27",
+    "vue-router": "^4.3.3"
+  },
+  "devDependencies": {
+    "@nuxt/eslint-config": "^0.3.13",
+    "eslint": "^9.4.0",
+    "vue-tsc": "^2.0.21",
+    "wrangler": "^3.60.3"
+  }
+}

Diff for: public/favicon.ico

@@ -0,0 +1,3 @@
+{
+  "extends": "../.nuxt/tsconfig.server.json"
+}

Diff for: server/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  // https://nuxt.com/docs/guide/concepts/typescript
+  "extends": "./.nuxt/tsconfig.json"
+}