Skip to content

Commit 7c99d0f

Browse files
cab-mikeecab-mikee
committed
chore: wip
1 parent e5fc1f2 commit 7c99d0f

File tree

24 files changed

+975
-1
lines changed

24 files changed

+975
-1
lines changed

‎storage/framework/core/components/combobox/README.md

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
# Vue 3 + Vite
2+
3+
This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
4+
5+
## Recommended IDE Setup
6+
7+
- [VS Code](https://code.visualstudio.com/) + [Vue - Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (previously Volar) and disable Vetur

‎storage/framework/core/components/combobox/index.html

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="/assest/stacks.svg" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Stacks</title>
8+
</head>
9+
<body>
10+
<div id="app"></div>
11+
<script type="module" src="./src/main.ts"></script>
12+
</body>
13+
</html>

‎storage/framework/core/components/combobox/package.json

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
{
2+
"name": "@stacksjs/combobox",
3+
"type": "module",
4+
"version": "0.68.2",
5+
"description": "A modern combobox component.",
6+
"author": "Chris Breuer",
7+
"contributors": [
8+
"Chris Breuer <chris@stacksjs.org>"
9+
],
10+
"license": "MIT",
11+
"funding": "https://github.com/sponsors/chrisbbreuer",
12+
"homepage": "https://github.com/stacksjs/stacks/tree/main/storage/framework/core/components/combobox#readme",
13+
"repository": {
14+
"type": "git",
15+
"url": "git+https://github.com/stacksjs/stacks.git",
16+
"directory": "./storage/framework/core/components/combobox"
17+
},
18+
"bugs": {
19+
"url": "https://github.com/stacksjs/stacks/issues"
20+
},
21+
"keywords": [
22+
"combobox",
23+
"components",
24+
"library",
25+
"stacks"
26+
],
27+
"sideEffects": [
28+
"**/*.css"
29+
],
30+
"exports": {
31+
".": {
32+
"types": "./dist/index.d.ts",
33+
"import": "./dist/index.js"
34+
},
35+
"./*": {
36+
"import": "./dist/*"
37+
}
38+
},
39+
"files": [
40+
"README.md",
41+
"dist",
42+
"src"
43+
],
44+
"scripts": {
45+
"dev": "bunx --bun vite",
46+
"build": "bunx --bun vite build --mode lib",
47+
"build:demo": "bunx --bun vite build",
48+
"build:types": "bunx --bun vue-tsc -p tsconfig.build.json && api-extractor run",
49+
"preview": "bunx --bun vite preview",
50+
"prepublishOnly": "bun run build"
51+
},
52+
"dependencies": {
53+
"@headlessui/vue": "^1.7.23",
54+
"@stacksjs/ui": "workspace:*",
55+
"highlight.js": "^11.10.0",
56+
"vue": "^3.5.12"
57+
},
58+
"devDependencies": {
59+
"@iconify-json/heroicons": "^1.2.1",
60+
"@microsoft/api-extractor": "^7.47.11",
61+
"@stacksjs/alias": "workspace:*",
62+
"@stacksjs/development": "workspace:*",
63+
"@types/clean-css": "^4.2.11",
64+
"@vue/tsconfig": "^0.5.1",
65+
"clean-css": "^5.3.3",
66+
"unocss": "0.61.0",
67+
"unplugin-icons": "^0.19.3"
68+
}
69+
}

‎storage/framework/core/components/combobox/public/stacks.svg

Lines changed: 1 addition & 0 deletions
Loading

‎storage/framework/core/components/combobox/src/App.vue

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
<script lang="ts" setup>
2+
import Footer from './components/Footer.vue'
3+
import Hero from './components/Hero.vue'
4+
import Installation from './components/Installation.vue'
5+
import Styling from './components/Styling.vue'
6+
import { useSEOHeader } from './composables/useSEOHeader'
7+
8+
useSEOHeader()
9+
</script>
10+
11+
<template>
12+
<div class="dropdown-wrapper bg-neutral-100/66 px-4 dark:bg-neutral-900">
13+
<div class="relative mx-auto max-w-full container sm:max-w-2xl">
14+
<header class="flex-center flex-col py-20">
15+
<Hero />
16+
</header>
17+
18+
<main
19+
class="text-primary grid grid-cols-1 gap-8 pb-20 text-xs 2xl:text-sm"
20+
>
21+
<Installation />
22+
<Usage />
23+
<Styling />
24+
</main>
25+
<Footer />
26+
</div>
27+
</div>
28+
</template>
29+
30+
<style scoped>
31+
.dropdown-wrapper {
32+
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
33+
Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
34+
Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
35+
}
36+
37+
button {
38+
border: 0px solid #000;
39+
}
40+
</style>

‎storage/framework/core/components/combobox/src/assets/stacks.svg

Lines changed: 1 addition & 0 deletions
Loading

‎storage/framework/core/components/combobox/src/components/Footer.vue

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
<template>
2+
<footer
3+
class="flex-center text-primary mt-16 w-full pb-4"
4+
text="slate-900 dark:slate-300 opacity-60"
5+
>
6+
<div class="copyright flex flex-col items-center justify-center">
7+
<p>
8+
With 💙 by
9+
<a class="text-neon" href="https://github.com/chrisbbreuer">
10+
@chrisbbreuer
11+
</a>
12+
&
13+
<a class="text-neon" href="https://github.com/stacksjs/stacks">
14+
@stacksjs
15+
</a>
16+
<span> © {{ new Date().getFullYear() }}</span>
17+
</p>
18+
<div class="mt-2 flex flex-col items-center sm:flex-row space-x-1 space-y-2 sm:space-y-0">
19+
<div class="flex items-center space-x-1">
20+
<carbon:logo-twitter class="text-emerald-500" />
21+
<span>
22+
<a
23+
href="https://twitter.com/chrisbbreuer"
24+
class="text-neon"
25+
target="_blank"
26+
>
27+
Follow me on Twitter
28+
</a>
29+
</span>
30+
</div>
31+
32+
<span class="hidden px-2 text-emerald-300 sm:block">|</span>
33+
34+
<div class="flex items-center space-x-1">
35+
<carbon:cafe class="text-emerald-500" />
36+
<span>
37+
<a
38+
href="https://www.buymeacoffee.com/xlbd"
39+
target="_blank"
40+
class="text-neon"
41+
>
42+
Buy me a coffee
43+
</a>
44+
</span>
45+
</div>
46+
<span class="hidden px-2 text-emerald-300 sm:block">|</span>
47+
<div class="flex items-center space-x-1">
48+
<mdi:heart class="text-emerald-500" />
49+
<span>
50+
<a
51+
href="https://github.com/sponsors/chrisbbreuer"
52+
target="_blank"
53+
class="text-neon"
54+
>
55+
Sponsor me on GitHub
56+
</a>
57+
</span>
58+
</div>
59+
</div>
60+
</div>
61+
</footer>
62+
</template>

0 commit comments

Comments
 (0)