Skip to content

Commit 9715552

Browse files
FlowkoFlowko
committed
feat: redoing tailwind component
1 parent 932c067 commit 9715552

26 files changed

+978
-191
lines changed

‎build.config.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,5 +10,5 @@ export default defineBuildConfig({
1010
emitCJS: true,
1111
inlineDependencies: true,
1212
},
13-
externals: ['vue', 'vue/server-renderer', 'vue-i18n'],
13+
externals: [],
1414
})

‎eslint.config.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,12 +5,14 @@ export default antfu(
55
{
66
ignores: [
77
// eslint ignore globs here
8+
'playground/**/*',
89
],
910
},
1011
{
1112
rules: {
1213
// overrides
1314
'node/prefer-global/process': 'off',
15+
'vars-on-top': 'off',
1416
},
1517
},
1618
)

‎package.json

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -65,12 +65,15 @@
6565
"prepare": "simple-git-hooks"
6666
},
6767
"peerDependencies": {
68+
"tailwindcss": "^3.3.6",
6869
"vue": "^3.3.8"
6970
},
7071
"dependencies": {
71-
"@flowko/tw-to-css": "^0.0.6",
7272
"isomorphic-dompurify": "^1.12.0",
73+
"postcss": "^8.4.32",
74+
"tailwindcss": "^3.3.6",
7375
"ufo": "^1.3.2",
76+
"vue": "^3.3.8",
7477
"vue-i18n": "^9.8.0"
7578
},
7679
"devDependencies": {
@@ -79,25 +82,23 @@
7982
"@antfu/utils": "^0.7.7",
8083
"@types/html-to-text": "^9.0.4",
8184
"@types/node": "^20.10.4",
85+
"@types/postcss-css-variables": "^0.18.3",
8286
"@types/pretty": "^2.0.3",
8387
"bumpp": "^9.2.1",
84-
"dom-serializer": "^2.0.0",
85-
"domutils": "^3.1.0",
8688
"eslint": "^8.55.0",
8789
"esno": "^4.0.0",
8890
"html-to-text": "^9.0.5",
89-
"htmlparser2": "^9.0.0",
9091
"jiti": "^1.21.0",
9192
"lint-staged": "^15.2.0",
9293
"pnpm": "^8.12.1",
94+
"postcss-css-variables": "^0.19.0",
9395
"pretty": "^2.0.0",
9496
"rimraf": "^5.0.5",
9597
"simple-git-hooks": "^2.9.0",
9698
"typescript": "^5.3.3",
9799
"unbuild": "^2.0.0",
98100
"vite": "^5.0.8",
99-
"vitest": "^1.0.4",
100-
"vue": "^3.3.8"
101+
"vitest": "^1.0.4"
101102
},
102103
"simple-git-hooks": {
103104
"pre-commit": "pnpm lint-staged"

‎playground/.gitignore

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
# Logs
2+
logs
3+
*.log
4+
npm-debug.log*
5+
yarn-debug.log*
6+
yarn-error.log*
7+
pnpm-debug.log*
8+
lerna-debug.log*
9+
10+
node_modules
11+
.DS_Store
12+
dist
13+
dist-ssr
14+
coverage
15+
*.local
16+
17+
/cypress/videos/
18+
/cypress/screenshots/
19+
20+
# Editor directories and files
21+
.vscode/*
22+
!.vscode/extensions.json
23+
.idea
24+
*.suo
25+
*.ntvs*
26+
*.njsproj
27+
*.sln
28+
*.sw?
29+
30+
*.tsbuildinfo

‎playground/env.d.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
/// <reference types="vite/client" />

‎playground/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" href="/favicon.ico">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Vite App</title>
8+
</head>
9+
<body>
10+
<div id="app"></div>
11+
<script type="module" src="/src/main.ts"></script>
12+
</body>
13+
</html>

‎playground/package.json

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
{
2+
"name": "playground",
3+
"type": "module",
4+
"version": "0.0.0",
5+
"private": true,
6+
"scripts": {
7+
"dev": "vite",
8+
"build": "run-p type-check \"build-only {@}\" --",
9+
"preview": "vite preview",
10+
"build-only": "vite build",
11+
"type-check": "vue-tsc --build --force"
12+
},
13+
"dependencies": {
14+
"vue": "^3.3.11",
15+
"vue-email": "workspace:*"
16+
},
17+
"devDependencies": {
18+
"@tsconfig/node18": "^18.2.2",
19+
"@types/node": "^18.19.3",
20+
"@vitejs/plugin-vue": "^4.5.2",
21+
"@vue/tsconfig": "^0.5.0",
22+
"autoprefixer": "^10.4.16",
23+
"npm-run-all2": "^6.1.1",
24+
"postcss": "^8.4.32",
25+
"tailwindcss": "^3.3.6",
26+
"typescript": "~5.3.0",
27+
"vite": "^5.0.10",
28+
"vue-tsc": "^1.8.25"
29+
}
30+
}

‎playground/postcss.config.js

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
export default {
2+
plugins: {
3+
tailwindcss: {},
4+
autoprefixer: {},
5+
},
6+
}

‎playground/public/favicon.ico

4.19 KB
Binary file not shown.

‎playground/src/App.vue

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<script setup lang="ts">
2+
</script>
3+
4+
<template>
5+
<div>
6+
home
7+
</div>
8+
</template>
9+
10+
<style scoped>
11+
12+
</style>

‎playground/src/main.ts

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
import { createApp } from 'vue'
2+
import { VueEmailPlugin } from 'vue-email'
3+
import App from './App.vue'
4+
5+
const app = createApp(App)
6+
7+
app.use(VueEmailPlugin)
8+
9+
app.mount('#app')

‎playground/tailwind.config.js

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
/** @type {import('tailwindcss').Config} */
2+
export default {
3+
content: [],
4+
theme: {
5+
extend: {},
6+
},
7+
plugins: [],
8+
}
9+

‎playground/tsconfig.app.json

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
{
2+
"extends": "@vue/tsconfig/tsconfig.dom.json",
3+
"include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
4+
"exclude": ["src/**/__tests__/*"],
5+
"compilerOptions": {
6+
"composite": true,
7+
"noEmit": true,
8+
"baseUrl": ".",
9+
"paths": {
10+
"@/*": ["./src/*"]
11+
}
12+
}
13+
}

‎playground/tsconfig.json

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
{
2+
"files": [],
3+
"references": [
4+
{
5+
"path": "./tsconfig.node.json"
6+
},
7+
{
8+
"path": "./tsconfig.app.json"
9+
}
10+
]
11+
}

‎playground/tsconfig.node.json

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
{
2+
"extends": "@tsconfig/node18/tsconfig.json",
3+
"include": [
4+
"vite.config.*",
5+
"vitest.config.*",
6+
"cypress.config.*",
7+
"nightwatch.conf.*",
8+
"playwright.config.*"
9+
],
10+
"compilerOptions": {
11+
"composite": true,
12+
"noEmit": true,
13+
"module": "ESNext",
14+
"moduleResolution": "Bundler",
15+
"types": ["node"]
16+
}
17+
}

‎playground/vite.config.ts

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
import { fileURLToPath, URL } from 'node:url'
2+
3+
import { defineConfig } from 'vite'
4+
import vue from '@vitejs/plugin-vue'
5+
6+
// https://vitejs.dev/config/
7+
export default defineConfig({
8+
plugins: [
9+
vue(),
10+
],
11+
resolve: {
12+
alias: {
13+
'@': fileURLToPath(new URL('./src', import.meta.url))
14+
}
15+
}
16+
})

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy