init project
This commit is contained in:
24
.gitignore
vendored
Normal file
24
.gitignore
vendored
Normal file
@ -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
|
||||||
75
README.md
Normal file
75
README.md
Normal file
@ -0,0 +1,75 @@
|
|||||||
|
# Nuxt Minimal Starter
|
||||||
|
|
||||||
|
Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
|
||||||
|
|
||||||
|
## Setup
|
||||||
|
|
||||||
|
Make sure to install 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 dev
|
||||||
|
|
||||||
|
# yarn
|
||||||
|
yarn dev
|
||||||
|
|
||||||
|
# bun
|
||||||
|
bun run dev
|
||||||
|
```
|
||||||
|
|
||||||
|
## Production
|
||||||
|
|
||||||
|
Build the application for production:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# npm
|
||||||
|
npm run build
|
||||||
|
|
||||||
|
# pnpm
|
||||||
|
pnpm build
|
||||||
|
|
||||||
|
# yarn
|
||||||
|
yarn build
|
||||||
|
|
||||||
|
# bun
|
||||||
|
bun run build
|
||||||
|
```
|
||||||
|
|
||||||
|
Locally preview production build:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# npm
|
||||||
|
npm run preview
|
||||||
|
|
||||||
|
# pnpm
|
||||||
|
pnpm preview
|
||||||
|
|
||||||
|
# yarn
|
||||||
|
yarn preview
|
||||||
|
|
||||||
|
# bun
|
||||||
|
bun run preview
|
||||||
|
```
|
||||||
|
|
||||||
|
Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
|
||||||
11
app.vue
Normal file
11
app.vue
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
<template>
|
||||||
|
<div class="bg-bg-light text-text-light dark:text-text-dark dark:bg-bg-dark">
|
||||||
|
<UApp>
|
||||||
|
<NuxtLayout>
|
||||||
|
<NuxtPage />
|
||||||
|
</NuxtLayout>
|
||||||
|
</UApp>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script setup lang="ts">
|
||||||
|
</script>
|
||||||
81
components/HeaderBlock.vue
Normal file
81
components/HeaderBlock.vue
Normal file
@ -0,0 +1,81 @@
|
|||||||
|
<template>
|
||||||
|
<div class="container mx-auto h-[120px] border-b border-border">
|
||||||
|
<div class="w-full h-full flex items-center justify-between">
|
||||||
|
<ul class="flex items-center gap-20 whitespace-nowrap">
|
||||||
|
<li
|
||||||
|
class="cursor-pointer hover:text-text-light/80 dark:hover:text-text-dark/70 transition-all"
|
||||||
|
>
|
||||||
|
01 <br />
|
||||||
|
Investice
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="cursor-pointer hover:text-text-light/80 dark:hover:text-text-dark/70 transition-all"
|
||||||
|
>
|
||||||
|
02 <br />
|
||||||
|
O zlotě
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="cursor-pointer hover:text-text-light/80 dark:hover:text-text-dark/70 transition-all"
|
||||||
|
>
|
||||||
|
03 <br />
|
||||||
|
Podnikání
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="cursor-pointer hover:text-text-light/80 dark:hover:text-text-dark/70 transition-all"
|
||||||
|
>
|
||||||
|
04 <br />
|
||||||
|
O Nás
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="cursor-pointer hover:text-text-light/80 dark:hover:text-text-dark/70 transition-all"
|
||||||
|
>
|
||||||
|
05 <br />
|
||||||
|
Kontakt
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<img src="./../public/Frame 1321315773.png" alt="Frame" />
|
||||||
|
<div class="flex items-center gap-7">
|
||||||
|
<UIcon class="w-8 h-8 cursor-pointer" name="i-heroicons-user" />
|
||||||
|
<UIcon
|
||||||
|
class="w-8 h-8 cursor-pointer"
|
||||||
|
name="i-heroicons-shopping-cart"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<ThemeSwitcher />
|
||||||
|
<button
|
||||||
|
class="cursor-pointer hover:bg-brown/80 transition-all bg-brown py-3 px-6 font-medium text-white rounded-xl"
|
||||||
|
>
|
||||||
|
E-shop
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script lang="ts" setup>
|
||||||
|
// function nested object
|
||||||
|
const menu = {
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
active: true,
|
||||||
|
created: "2025-04-29 14:21:16.980Z",
|
||||||
|
id: "l10y982y139ep7u",
|
||||||
|
id_lang: "en",
|
||||||
|
id_page: "",
|
||||||
|
id_parent: "",
|
||||||
|
is_default: false,
|
||||||
|
is_root: true,
|
||||||
|
link_rewrite: "",
|
||||||
|
link_title: "",
|
||||||
|
meta_description: "",
|
||||||
|
meta_title: "",
|
||||||
|
name: "top",
|
||||||
|
page_name: "",
|
||||||
|
position_id: 0,
|
||||||
|
updated: "2025-05-09 08:34:06.650Z",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
page: 1,
|
||||||
|
perPage: 50,
|
||||||
|
totalItems: 14,
|
||||||
|
totalPages: 1,
|
||||||
|
};
|
||||||
|
</script>
|
||||||
28
components/ThemeSwitcher.vue
Normal file
28
components/ThemeSwitcher.vue
Normal file
@ -0,0 +1,28 @@
|
|||||||
|
<script setup>
|
||||||
|
const colorMode = useColorMode();
|
||||||
|
|
||||||
|
const isDark = computed({
|
||||||
|
get() {
|
||||||
|
return colorMode.value === "dark";
|
||||||
|
},
|
||||||
|
set(_isDark) {
|
||||||
|
colorMode.preference = _isDark ? "dark" : "light";
|
||||||
|
},
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<ClientOnly v-if="!colorMode?.forced">
|
||||||
|
<div class="w-8 h-8 flex items-center justify-center cursor-pointer">
|
||||||
|
<UIcon
|
||||||
|
class="w-8 h-8"
|
||||||
|
:name="isDark ? 'i-lucide-moon' : 'i-lucide-sun'"
|
||||||
|
@click="isDark = !isDark"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<template #fallback>
|
||||||
|
<div class="size-20" />
|
||||||
|
</template>
|
||||||
|
</ClientOnly>
|
||||||
|
</template>
|
||||||
6
eslint.config.mjs
Normal file
6
eslint.config.mjs
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
// @ts-check
|
||||||
|
import withNuxt from './.nuxt/eslint.config.mjs'
|
||||||
|
|
||||||
|
export default withNuxt(
|
||||||
|
// Your custom configs here
|
||||||
|
)
|
||||||
19
layouts/default.vue
Normal file
19
layouts/default.vue
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
<template>
|
||||||
|
<div
|
||||||
|
class="bg-bg-light dark:bg-bg-dark font-inter overflow-hidden min-h-screen flex flex-col"
|
||||||
|
>
|
||||||
|
<HeaderBlock />
|
||||||
|
<div class="flex-1">
|
||||||
|
<slot />
|
||||||
|
</div>
|
||||||
|
<!-- <footer-block /> -->
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import HeaderBlock from "~/components/HeaderBlock.vue";
|
||||||
|
|
||||||
|
useHead({
|
||||||
|
link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.png" }],
|
||||||
|
});
|
||||||
|
</script>
|
||||||
18
main.css
Normal file
18
main.css
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
@import "tailwindcss";
|
||||||
|
@import "@nuxt/ui";
|
||||||
|
|
||||||
|
@theme {
|
||||||
|
/* fonts */
|
||||||
|
--font-inter: "Inter", sans-serif;
|
||||||
|
|
||||||
|
/* colors */
|
||||||
|
--color-bg-light: #FFFEFB;
|
||||||
|
--color-bg-dark: #1A1A1A;
|
||||||
|
|
||||||
|
--color-border: #D3E0DE;
|
||||||
|
|
||||||
|
--color-text-light: #1A1A1A;
|
||||||
|
--color-text-dark: #FFFEFB;
|
||||||
|
|
||||||
|
--color-brown: #9A7F62
|
||||||
|
}
|
||||||
59
nuxt.config.ts
Normal file
59
nuxt.config.ts
Normal file
@ -0,0 +1,59 @@
|
|||||||
|
import tailwindcss from "@tailwindcss/vite";
|
||||||
|
|
||||||
|
export default defineNuxtConfig({
|
||||||
|
compatibilityDate: "2024-11-01",
|
||||||
|
devtools: { enabled: false },
|
||||||
|
// app: {
|
||||||
|
// pageTransition: { name: "page", mode: "out-in" },
|
||||||
|
// },
|
||||||
|
// nitro: {
|
||||||
|
// routeRules: {
|
||||||
|
// "/api/**": {
|
||||||
|
// proxy: {
|
||||||
|
// to: `${process.env.POCKETBASE_URL || "http://127.0.0.1:8090"}/api/**`,
|
||||||
|
// },
|
||||||
|
// },
|
||||||
|
// },
|
||||||
|
// },
|
||||||
|
|
||||||
|
modules: ["@pinia/nuxt", "@nuxt/eslint", "@nuxt/ui"],
|
||||||
|
|
||||||
|
// @nuxtjs/i18n"
|
||||||
|
// i18n: {
|
||||||
|
// locales: [
|
||||||
|
// { code: "pl", name: "Polski", icon: "emojione:flag-for-poland" },
|
||||||
|
// { code: "en", name: "English", icon: "emojione:flag-for-united-kingdom" },
|
||||||
|
// ],
|
||||||
|
// lazy: true,
|
||||||
|
// defaultLocale: "en",
|
||||||
|
// strategy: "prefix",
|
||||||
|
// bundle: {
|
||||||
|
// optimizeTranslationDirective: false,
|
||||||
|
// },
|
||||||
|
// },
|
||||||
|
css: ["~/main.css"],
|
||||||
|
vite: {
|
||||||
|
plugins: [tailwindcss()],
|
||||||
|
build: {
|
||||||
|
sourcemap: false,
|
||||||
|
},
|
||||||
|
server: {
|
||||||
|
allowedHosts: ["arina.ma-al.pl", "marek.ma-al.pl"],
|
||||||
|
watch: {
|
||||||
|
ignored: ["**/backend/pb_data/**"],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
typescript: {
|
||||||
|
tsConfig: {
|
||||||
|
compilerOptions: {
|
||||||
|
typeRoots: ["./ts", "./node_modules/@types"],
|
||||||
|
},
|
||||||
|
include: ["./ts"],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
ui: {},
|
||||||
|
icon: {
|
||||||
|
localApiEndpoint: "/___nuxt_icon",
|
||||||
|
},
|
||||||
|
});
|
||||||
25
package.json
Normal file
25
package.json
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
{
|
||||||
|
"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/eslint": "^1.4.1",
|
||||||
|
"@nuxt/ui": "^3.1.2",
|
||||||
|
"@pinia/nuxt": "^0.11.0",
|
||||||
|
"@tailwindcss/vite": "^4.1.7",
|
||||||
|
"nuxt": "^3.17.4",
|
||||||
|
"tailwindcss": "^4.1.7",
|
||||||
|
"vue": "^3.5.14",
|
||||||
|
"vue-router": "^4.5.1"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@nuxtjs/tailwindcss": "^6.14.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
11090
pnpm-lock.yaml
generated
Normal file
11090
pnpm-lock.yaml
generated
Normal file
File diff suppressed because it is too large
Load Diff
BIN
public/Frame 1321315773.png
Normal file
BIN
public/Frame 1321315773.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
public/favicon.ico
Normal file
BIN
public/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
2
public/robots.txt
Normal file
2
public/robots.txt
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
User-Agent: *
|
||||||
|
Disallow:
|
||||||
3
server/tsconfig.json
Normal file
3
server/tsconfig.json
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
{
|
||||||
|
"extends": "../.nuxt/tsconfig.server.json"
|
||||||
|
}
|
||||||
118
taskfile.yml
Normal file
118
taskfile.yml
Normal file
@ -0,0 +1,118 @@
|
|||||||
|
version: '3'
|
||||||
|
vars:
|
||||||
|
REGISTRY: registry.ma-al.com
|
||||||
|
Version: '0.0.6'
|
||||||
|
BuildDate: $(date +"%Y-%m-%d %H:%M")
|
||||||
|
Company: Maal sp. z o.o.
|
||||||
|
CompanyUrl: "https://www.ma-al.com"
|
||||||
|
CompileStr: go build -ldflags "-s -w -X 'pocketbase/custom/version.Version={{.Version}}' -X 'pocketbase/custom/version.BuildDate={{.BuildDate}}' -X 'pocketbase/custom/version.Company={{.Company}}' -X 'pocketbase/custom/version.CompanyUrl={{.CompanyUrl}}'" -o ../.pocketbase/pocketbase .
|
||||||
|
|
||||||
|
tasks:
|
||||||
|
default:
|
||||||
|
cmds:
|
||||||
|
- task --list
|
||||||
|
silent: true
|
||||||
|
|
||||||
|
# compile_musl:
|
||||||
|
# aliases: [cm]
|
||||||
|
# desc: "compiles pocketbase for musl"
|
||||||
|
# env:
|
||||||
|
# CGO_ENABLED: "0"
|
||||||
|
# GOOS: "linux"
|
||||||
|
# GOARCH: "amd64"
|
||||||
|
# CC: "x86_64-linux-musl-gcc"
|
||||||
|
# cmds:
|
||||||
|
# - |
|
||||||
|
# mkdir -p ./.output
|
||||||
|
# cd ./backend
|
||||||
|
# {{.CompileStr}}
|
||||||
|
|
||||||
|
# compile_gnu:
|
||||||
|
# aliases: [cg]
|
||||||
|
# desc: "compiles pocketbase for gnu"
|
||||||
|
# env:
|
||||||
|
# CGO_ENABLED: "0"
|
||||||
|
# GOOS: "linux"
|
||||||
|
# GOARCH: "amd64"
|
||||||
|
# cmds:
|
||||||
|
# - |
|
||||||
|
# mkdir -p ./.output
|
||||||
|
# cd ./backend
|
||||||
|
# {{.CompileStr}}
|
||||||
|
|
||||||
|
# build_run_gnu:
|
||||||
|
# aliases: [br]
|
||||||
|
# desc: "compiles pocketbase for gnu"
|
||||||
|
# env:
|
||||||
|
# CGO_ENABLED: "0"
|
||||||
|
# GOOS: "linux"
|
||||||
|
# GOARCH: "amd64"
|
||||||
|
# cmds:
|
||||||
|
# - |
|
||||||
|
# mkdir -p ./.output
|
||||||
|
# cd ./backend
|
||||||
|
# go build -ldflags "-s -w" -o ../.pocketbase/pocketbase .
|
||||||
|
# cd ..
|
||||||
|
# ./.pocketbase/pocketbase serve --dir=./backend/pb_data
|
||||||
|
|
||||||
|
# watch_backend:
|
||||||
|
# aliases: [wb]
|
||||||
|
# desc: "watch backend and compile"
|
||||||
|
# cmds:
|
||||||
|
# - |
|
||||||
|
# cd ./backend
|
||||||
|
# pwd
|
||||||
|
# air -build.args_bin='serve --dir=./pb_data' -build.exclude_dir=pb_data,backups -build.include_ext=go
|
||||||
|
|
||||||
|
|
||||||
|
watch_front:
|
||||||
|
aliases: [wf]
|
||||||
|
desc: "build and watch frontend in dev mode"
|
||||||
|
cmds:
|
||||||
|
- |
|
||||||
|
pnpm run dev
|
||||||
|
|
||||||
|
preview_front:
|
||||||
|
aliases: [pf]
|
||||||
|
desc: "build and preview frontend"
|
||||||
|
cmds:
|
||||||
|
- |
|
||||||
|
pnpm run build && pnpm run preview
|
||||||
|
|
||||||
|
|
||||||
|
rebuild_front:
|
||||||
|
aliases: [rf]
|
||||||
|
desc: "remove all and install all packages"
|
||||||
|
cmds:
|
||||||
|
- |
|
||||||
|
rm -rf ./node_modules ./pnpm-lock.yaml ./.nuxt ./.output
|
||||||
|
pnpm install
|
||||||
|
|
||||||
|
|
||||||
|
# build_docker_image:
|
||||||
|
# aliases: [bdi]
|
||||||
|
# desc: "build docker image"
|
||||||
|
# cmds:
|
||||||
|
# - |
|
||||||
|
# pnpm run build
|
||||||
|
# task compile_gnu
|
||||||
|
# cat <<EOF > temp.Dockerfile
|
||||||
|
# FROM node:slim
|
||||||
|
|
||||||
|
# COPY ./.output /nuxt
|
||||||
|
# COPY ./.pocketbase/pocketbase /bin/
|
||||||
|
# RUN mkdir /data
|
||||||
|
|
||||||
|
# # ENTRYPOINT ["ash"]
|
||||||
|
# CMD ["pocketbase", "serve", "--dir=/data", "--proxy=http://localhost:3000", "--subcommand=node /nuxt/server/index.mjs", "--http=0.0.0.0:8090"]
|
||||||
|
# EOF
|
||||||
|
# docker build -t {{.REGISTRY}}/abrasive/abrasive:{{.Version}} -t {{.REGISTRY}}/abrasive/abrasive:latest -f temp.Dockerfile .
|
||||||
|
# rm temp.Dockerfile
|
||||||
|
|
||||||
|
# push_docker_image:
|
||||||
|
# aliases: [pdi]
|
||||||
|
# desc: "push docker image to registry server"
|
||||||
|
# cmds:
|
||||||
|
# - |
|
||||||
|
# docker push {{.REGISTRY}}/abrasive/abrasive:{{.Version}}
|
||||||
|
# docker push {{.REGISTRY}}/abrasive/abrasive:latest
|
||||||
4
tsconfig.json
Normal file
4
tsconfig.json
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
{
|
||||||
|
// https://nuxt.com/docs/guide/concepts/typescript
|
||||||
|
"extends": "./.nuxt/tsconfig.json"
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user