Skip to content

Commit 1b62a00

Browse files
Tevin79Tevin79
committed
begin nuxt
1 parent eb4203c commit 1b62a00

File tree

13 files changed

+9819
-0
lines changed

13 files changed

+9819
-0
lines changed

‎refact/.gitignore‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# Nuxt dev/build outputs
2+
.output
3+
.data
4+
.nuxt
5+
.nitro
6+
.cache
7+
dist
8+
9+
# Node dependencies
10+
node_modules
11+
12+
# Logs
13+
logs
14+
*.log
15+
16+
# Misc
17+
.DS_Store
18+
.fleet
19+
.idea
20+
21+
# Local env files
22+
.env
23+
.env.*
24+
!.env.example

‎refact/README.md‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
# Nuxt Minimal Starter
2+
3+
Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
4+
5+
## Setup
6+
7+
Make sure to install dependencies:
8+
9+
```bash
10+
# npm
11+
npm install
12+
13+
# pnpm
14+
pnpm install
15+
16+
# yarn
17+
yarn install
18+
19+
# bun
20+
bun install
21+
```
22+
23+
## Development Server
24+
25+
Start the development server on `http://localhost:3000`:
26+
27+
```bash
28+
# npm
29+
npm run dev
30+
31+
# pnpm
32+
pnpm dev
33+
34+
# yarn
35+
yarn dev
36+
37+
# bun
38+
bun run dev
39+
```
40+
41+
## Production
42+
43+
Build the application for production:
44+
45+
```bash
46+
# npm
47+
npm run build
48+
49+
# pnpm
50+
pnpm build
51+
52+
# yarn
53+
yarn build
54+
55+
# bun
56+
bun run build
57+
```
58+
59+
Locally preview production build:
60+
61+
```bash
62+
# npm
63+
npm run preview
64+
65+
# pnpm
66+
pnpm preview
67+
68+
# yarn
69+
yarn preview
70+
71+
# bun
72+
bun run preview
73+
```
74+
75+
Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

‎refact/app.vue‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<template>
2+
<NuxtLayout>
3+
<NuxtPage />
4+
</NuxtLayout>
5+
</template>

‎refact/components/Header.vue‎

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
<template>
2+
<Disclosure as="nav" class="bg-gray-800" v-slot="{ open }">
3+
<div class="mx-auto max-w-7xl px-2 sm:px-6 lg:px-8">
4+
<div class="relative flex h-16 items-center justify-between">
5+
<div class="absolute inset-y-0 left-0 flex items-center sm:hidden">
6+
<!-- Mobile menu button-->
7+
<DisclosureButton
8+
class="relative inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-gray-700 hover:text-white focus:ring-2 focus:ring-white focus:outline-hidden focus:ring-inset">
9+
<span class="absolute -inset-0.5" />
10+
<span class="sr-only">Open main menu</span>
11+
<Bars3Icon v-if="!open" class="block size-6" aria-hidden="true" />
12+
<XMarkIcon v-else class="block size-6" aria-hidden="true" />
13+
</DisclosureButton>
14+
</div>
15+
<div class="flex flex-1 items-center justify-center sm:items-stretch sm:justify-start">
16+
<div class="flex shrink-0 items-center">
17+
<img class="h-8 w-auto" src="https://tailwindcss.com/plus-assets/img/logos/mark.svg?color=indigo&shade=500"
18+
alt="Your Company" />
19+
</div>
20+
<div class="hidden sm:ml-6 sm:block">
21+
<div class="flex space-x-4">
22+
<a v-for="item in navigation" :key="item.name" :href="item.href"
23+
:class="[item.current ? 'bg-gray-900 text-white' : 'text-gray-300 hover:bg-gray-700 hover:text-white', 'rounded-md px-3 py-2 text-sm font-medium']"
24+
:aria-current="item.current ? 'page' : undefined">{{ item.name }}</a>
25+
</div>
26+
</div>
27+
</div>
28+
<div class="absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0">
29+
<button type="button"
30+
class="relative rounded-full bg-gray-800 p-1 text-gray-400 hover:text-white focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800 focus:outline-hidden">
31+
<span class="absolute -inset-1.5" />
32+
<span class="sr-only">View notifications</span>
33+
<BellIcon class="size-6" aria-hidden="true" />
34+
</button>
35+
</div>
36+
</div>
37+
</div>
38+
39+
<DisclosurePanel class="sm:hidden">
40+
<div class="space-y-1 px-2 pt-2 pb-3">
41+
<DisclosureButton v-for="item in navigation" :key="item.name" as="a" :href="item.href"
42+
:class="[item.current ? 'bg-gray-900 text-white' : 'text-gray-300 hover:bg-gray-700 hover:text-white', 'block rounded-md px-3 py-2 text-base font-medium']"
43+
:aria-current="item.current ? 'page' : undefined">{{ item.name }}</DisclosureButton>
44+
</div>
45+
</DisclosurePanel>
46+
</Disclosure>
47+
</template>
48+
49+
<script setup>
50+
import { Disclosure, DisclosureButton, DisclosurePanel, Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/vue'
51+
import { Bars3Icon, BellIcon, XMarkIcon } from '@heroicons/vue/24/outline'
52+
53+
const navigation = [
54+
{ name: 'Dashboard', href: '#', current: true },
55+
{ name: 'Team', href: '#', current: false },
56+
{ name: 'Projects', href: '#', current: false },
57+
{ name: 'Calendar', href: '#', current: false },
58+
]
59+
</script>

‎refact/layouts/default.vue‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<template>
2+
<div>
3+
<Header />
4+
<slot />
5+
<AppFooter />
6+
</div>
7+
</template>

‎refact/nuxt.config.ts‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
// https://nuxt.com/docs/api/configuration/nuxt-config
2+
export default defineNuxtConfig({
3+
compatibilityDate: '2024-11-01',
4+
devtools: { enabled: true },
5+
modules: ['@nuxt/ui']
6+
})

0 commit comments

Comments
 (0)