first commit

Author: jdk.frontend

.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

.idx/dev.nix

@@ -0,0 +1,60 @@
+# To learn more about how to use Nix to configure your environment
+# see: https://developers.google.com/idx/guides/customize-idx-env
+{ pkgs, packageManager, ... }: {
+  # Which nixpkgs channel to use.
+  channel = "stable-24.05"; # or "unstable"
+  # Use https://search.nixos.org/packages to find packages
+  packages = [
+    pkgs.fastfetch
+    pkgs.git
+    pkgs.nodejs_22
+    pkgs.bun
+    pkgs.fastfetch
+  ];
+  # Sets environment variables in the workspace
+  env = {};
+  idx = {
+    # Search for the extensions you want on https://open-vsx.org/ and use "publisher.id"
+    extensions = [
+      "Vue.volar"
+      "formulahendry.auto-close-tag"
+      "formulahendry.auto-rename-tag"
+      "sysoev.language-stylus"
+      "antfu.unocss"
+      "antfu.iconify"
+      "cipchk.cssrem"
+      "wix.vscode-import-cost"
+      "xabikos.JavaScriptSnippets"
+      "miguelsolorio.fluent-icons"
+      "castrogusttavo.symbols"
+      "michelemelluso.gitignore"
+      "yuyinws.nuxt-module-intellisense"
+    ];
+    # Enable previews
+    previews = {
+      enable = true;
+      previews = {
+        # web = {
+        #   # Example: run "npm run dev" with PORT set to IDX's defined port for previews,
+        #   # and show it in IDX's web preview panel
+        #   command = ["npm" "run" "dev"];
+        #   manager = "web";
+        #   env = {
+        #     # Environment variables to set for your server
+        #     PORT = "$PORT";
+        #   };
+        # };
+      };
+    };
+    # Workspace lifecycle hooks
+    workspace = {
+      onCreate = {
+        npm-install = "bun install";
+        # default.openFiles = [ ".idx/dev.nix" "README.md" ];
+      };
+      onStart = {
+        dev = "bun dev";
+      };
+    };
+  };
+}

README.md

@@ -0,0 +1,75 @@
+# Nuxt 3 Minimal Starter
+
+Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+
+# bun
+bun install
+```
+
+## 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
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm run preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

app/app.vue

@@ -0,0 +1,13 @@
+<script setup>
+useHead({
+  bodyAttrs: {
+    class: `size-full min-h-100dvh max-w-screen bg-dark-950 text-light`
+  }
+})
+</script>
+
+<template>
+  <NuxtLayout>
+    <NuxtPage />
+  </NuxtLayout>
+</template>

app/assets/styles/app.styl

@@ -0,0 +1,2 @@
+body
+    font-family: 'Nunito', ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT', 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif

app/components/Container.vue

@@ -0,0 +1,5 @@
+<template>
+   <div :class="mc(`container mx-auto`, $attrs.class)">
+      <slot />
+   </div>
+</template>

app/layouts/default.vue

@@ -0,0 +1,7 @@
+<script setup>
+
+</script>
+
+<template>
+    <slot />
+</template>

app/middleware/auth.global.js

@@ -0,0 +1,4 @@
+export default defineNuxtRouteMiddleware((to, from) => {
+    
+})
+  

app/pages/index.vue

@@ -0,0 +1,7 @@
+<script setup>
+
+</script>
+
+<template>
+123
+</template>

app/stores/couter.store.js

@@ -0,0 +1,14 @@
+export const useCounterStore = createStore("counter", ({ state, getter }) => {
+  const count = state(0);
+  const double = getter(() => count.value * 2);
+
+  const increment = () => {
+    count.value++;
+  };
+
+  return {
+    count,
+    increment,
+    double,
+  };
+});

app/utils/mc.js

@@ -0,0 +1,3 @@
+import { twMerge } from "tailwind-merge";
+import { clsx } from "clsx";
+export default (...args) => twMerge(clsx(args))

bun.lockb

@@ -0,0 +1,52 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  modules: [
+    '@unocss/nuxt',
+    '@vueuse/nuxt',
+    '@vaxee/nuxt',
+    '@nuxt/fonts',
+    'nuxt-workers'
+  ],
+  css: [
+    '@unocss/reset/tailwind.css',
+    'assets/styles/app.styl'
+  ],
+  components: {
+    dirs: [
+      {
+        path: 'components',
+        pathPrefix: false
+      }
+    ]
+  },
+  fonts: {
+    assets: {
+      prefix: '/_fonts/'
+    },
+    families: [
+      { name: 'Nunito', provider: 'bunny' },
+    ]
+  },
+  ssr: false,
+  app: {
+    head: {
+      meta: [
+        { name: 'viewport', content: 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' },
+      ],
+    },
+    rootAttrs: {
+      class: `size-full`
+    }
+  },
+  experimental: {
+    viewTransition: true,
+    clientFallback: true,
+    cookieStore: true,
+    clientNodeCompat: true
+  },
+  compatibilityDate: '2024-04-03',
+  devtools: { enabled: false },
+  future: {
+    compatibilityVersion: 4
+  }
+})

nuxt.config.ts

@@ -0,0 +1,33 @@
+{
+  "name": "nuxt-app",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "nuxi build",
+    "dev": "nuxi dev",
+    "generate": "nuxi generate",
+    "preview": "nuxi preview",
+    "postinstall": "nuxi prepare",
+    "clean": "nuxi cleanup"
+  },
+  "dependencies": {
+    "nuxt": "latest",
+    "vue": "latest"
+  },
+  "devDependencies": {
+    "@vueuse/core": "latest",
+    "@vueuse/nuxt": "latest",
+    "@vueuse/integrations": "latest",
+    "@vueuse/router": "latest",
+    "@unocss/reset": "latest",
+    "@unocss/nuxt": "latest",
+    "unocss":"latest",
+    "clsx": "latest",
+    "tailwind-merge": "latest",
+    "stylus": "latest",
+    "vaxee": "latest",
+    "@vaxee/nuxt": "latest",
+    "@nuxt/fonts": "latest",
+    "nuxt-workers": "latest"
+  }
+}

package.json

@@ -0,0 +1 @@
+

public/favicon.ico

@@ -0,0 +1,5 @@
+export default defineEventHandler(async (e) => {
+  return {
+    hello: 'world'
+  }
+})

public/robots.txt

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

server/api/test.get.js

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

server/tsconfig.json

@@ -0,0 +1,47 @@
+import {
+    defineConfig,
+    presetAttributify,
+    presetIcons,
+    presetTypography,
+    presetUno,
+    presetWebFonts,
+    transformerDirectives,
+    transformerVariantGroup
+  } from 'unocss'
+  
+  export default defineConfig({
+    rules: [
+    ],
+    shortcuts: [
+      {
+        'absolute-center': 'absolute top-1/2 left-1/2 -translate-1/2',
+        'absolute-full': 'absolute inset-0',
+      },
+    ],
+    extendTheme: (theme) => ({
+     ...theme,
+     breakpoints: {
+       ...theme.breakpoints,
+       xs: '375px',
+       '3xl': '1920px',
+       '4xl': '2560px'
+     },
+     keyframes: {
+       ...theme.keyframes
+     }
+    }),
+    presets: [
+      presetUno(),
+      presetAttributify(),
+      presetIcons({
+        autoInstall: true,
+        // cdn: 'https://esm.sh/',
+      }),
+      presetTypography(),
+      presetWebFonts(),
+    ],
+    transformers: [
+      transformerDirectives(),
+      transformerVariantGroup(),
+    ],
+  })