Initial commit

.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

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.vue

@@ -0,0 +1,7 @@
+<template>
+  <h1>KPTL</h1>
+  <h6>ну типа крутое лого</h6>
+</template>
+
+<script setup lang="ts">
+</script>

assets/styles.scss

@@ -0,0 +1,57 @@
+:root {
+  --black: #0a0908ff;
+  --chocolate-cosmos: #49111cff;
+  --white-smoke: #f2f4f3ff;
+  --beaver: #a9927dff;
+  --walnut-brown: #5e503fff;
+}
+
+* {
+  margin: 0;
+}
+
+html,
+body {
+  margin: 0;
+  height: 100%;
+}
+
+#__nuxt {
+  height: 100%;
+  position: relative;
+  font-family: "Montserrat", sans-serif;
+  font-optical-sizing: auto;
+  font-weight: 100;
+  font-style: normal;
+
+  /* background-image: radial-gradient(circle, var(--black), var(--chocolate-cosmos)); */
+  background-color: var(--black);
+  background-size: cover;
+  color: var(--white-smoke);
+  overflow: hidden;
+
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+h1 {
+  text-align: center;
+  font-size: 72px;
+  line-height: 1;
+  text-transform: uppercase;
+  font-weight: 500;
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-image: linear-gradient(90deg, var(--beaver), var(--walnut-brown));
+}
+
+h6 {
+  color: var(--white-smoke);
+  font-size: 10px;
+  line-height: 1;
+  font-weight: 300;
+  opacity: 0.7;
+}

eslint.config.js

@@ -0,0 +1,11 @@
+import antfu from '@antfu/eslint-config'
+
+export default await antfu({
+  overrides: {
+    vue: {
+      'vue/block-order': ['error', {
+        order: ['template', 'script', 'style'],
+      }],
+    },
+  },
+})

nuxt.config.ts

@@ -0,0 +1,11 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  devtools: { enabled: true },
+  modules: ['@nuxtjs/google-fonts'],
+  googleFonts: {
+    families: {
+      Montserrat: [300, 500],
+    },
+  },
+  css: ['@/assets/styles.scss'],
+})

package.json

@@ -0,0 +1,24 @@
+{
+  "name": "nuxt-app",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  },
+  "dependencies": {
+    "nuxt": "^3.10.3",
+    "vue": "^3.4.19",
+    "vue-router": "^4.3.0"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^2.6.4",
+    "@nuxtjs/google-fonts": "^3.1.3",
+    "eslint": "^8.57.0",
+    "sass": "^1.71.1",
+    "typescript": "^5.3.3"
+  }
+}

server/tsconfig.json

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

tsconfig.json

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