Skip to content

Commit

Permalink
chore: update examples
Browse files Browse the repository at this point in the history
  • Loading branch information
antfu committed Aug 5, 2022
1 parent 5417e84 commit 82527b0
Show file tree
Hide file tree
Showing 16 changed files with 122 additions and 39 deletions.
2 changes: 1 addition & 1 deletion examples/sveltekit/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@
"@sveltejs/adapter-static": "next",
"@sveltejs/kit": "next",
"@unocss/core": "link:../../packages/core",
"@unocss/preset-icons": "link:../../packages/presets-icons",
"@unocss/preset-icons": "link:../../packages/preset-icons",
"svelte": "^3.49.0",
"svelte-check": "^2.8.0",
"svelte-preprocess": "^4.10.7",
Expand Down
4 changes: 2 additions & 2 deletions examples/vite-elm/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -12,8 +12,8 @@
"devDependencies": {
"@iconify-json/logos": "^1.1.14",
"@unocss/core": "link:../../packages/core",
"@unocss/preset-icons": "link:../../packages/presets-icons",
"@unocss/preset-uno": "link:../../packages/presets-uno",
"@unocss/preset-icons": "link:../../packages/preset-icons",
"@unocss/preset-uno": "link:../../packages/preset-uno",
"elm-tooling": "^1.8.0",
"unocss": "link:../../packages/unocss",
"vite": "^3.0.4",
Expand Down
2 changes: 1 addition & 1 deletion examples/vite-lit/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@
"@iconify-json/logos": "^1.1.14",
"@unocss/core": "link:../../packages/core",
"@unocss/preset-attributify": "link:../../packages/preset-attributify",
"@unocss/preset-icons": "link:../../packages/presets-icons",
"@unocss/preset-icons": "link:../../packages/preset-icons",
"typescript": "^4.7.4",
"unocss": "link:../../packages/unocss",
"vite": "^3.0.4",
Expand Down
2 changes: 1 addition & 1 deletion examples/vite-preact/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
"@prefresh/vite": "^2.2.8",
"@unocss/core": "link:../../packages/core",
"@unocss/preset-attributify": "link:../../packages/preset-attributify",
"@unocss/preset-icons": "link:../../packages/presets-icons",
"@unocss/preset-icons": "link:../../packages/preset-icons",
"cross-env": "^7.0.3",
"typescript": "^4.7.4",
"unocss": "link:../../packages/unocss",
Expand Down
3 changes: 1 addition & 2 deletions examples/vite-react/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -18,9 +18,8 @@
"@types/react-dom": "^18.0.6",
"@unocss/core": "link:../../packages/core",
"@unocss/preset-attributify": "link:../../packages/preset-attributify",
"@unocss/preset-icons": "link:../../packages/presets-icons",
"@unocss/preset-icons": "link:../../packages/preset-icons",
"@vitejs/plugin-react": "^2.0.0",
"@vitejs/plugin-react-refresh": "^1.3.6",
"cross-env": "^7.0.3",
"typescript": "^4.7.4",
"unocss": "link:../../packages/unocss",
Expand Down
52 changes: 23 additions & 29 deletions examples/vite-react/vite.config.ts
Original file line number Diff line number Diff line change
@@ -1,34 +1,28 @@
import type { PluginOption } from 'vite'
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import reactRefresh from '@vitejs/plugin-react-refresh'
import UnoCss from 'unocss/vite'
import React from '@vitejs/plugin-react'
import UnoCSS from 'unocss/vite'
import presetAttributify from '@unocss/preset-attributify'
import presetIcons from '@unocss/preset-icons'
import presetUno from '@unocss/preset-uno'
import presetAttributify from '@unocss/preset-attributify'

const plugins: (PluginOption | PluginOption[])[] = [
UnoCss({
shortcuts: [
{ logo: 'i-logos-react w-6em h-6em transform transition-800 hover:rotate-180' },
],
presets: [
presetUno(),
presetAttributify(),
presetIcons({
extraProperties: {
'display': 'inline-block',
'vertical-align': 'middle',
},
}),
],
}),
]

if (process.env.USE_REFRESH === 'true')
plugins.unshift(reactRefresh())
else
plugins.push(react())

// https://vitejs.dev/config/
export default defineConfig({ plugins })
export default defineConfig({
plugins: [
React(),
UnoCSS({
shortcuts: [
{ logo: 'i-logos-react w-6em h-6em transform transition-800 hover:rotate-180' },
],
presets: [
presetUno(),
presetAttributify(),
presetIcons({
extraProperties: {
'display': 'inline-block',
'vertical-align': 'middle',
},
}),
],
}),
],
})
2 changes: 1 addition & 1 deletion examples/vite-solid/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
"@iconify-json/logos": "^1.1.14",
"@unocss/core": "link:../../packages/core",
"@unocss/preset-attributify": "link:../../packages/preset-attributify",
"@unocss/preset-icons": "link:../../packages/presets-icons",
"@unocss/preset-icons": "link:../../packages/preset-icons",
"typescript": "^4.7.4",
"unocss": "link:../../packages/unocss",
"vite": "^3.0.4",
Expand Down
2 changes: 1 addition & 1 deletion examples/vite-svelte/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
"@sveltejs/vite-plugin-svelte": "^1.0.1",
"@tsconfig/svelte": "^3.0.0",
"@unocss/core": "link:../../packages/core",
"@unocss/preset-icons": "link:../../packages/presets-icons",
"@unocss/preset-icons": "link:../../packages/preset-icons",
"svelte": "^3.49.0",
"svelte-check": "^2.8.0",
"svelte-preprocess": "^4.10.7",
Expand Down
11 changes: 11 additions & 0 deletions examples/vite-vue3/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>
22 changes: 22 additions & 0 deletions examples/vite-vue3/package.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
{
"name": "vite-vue3",
"private": true,
"type": "module",
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview"
},
"dependencies": {
"vue": "^3.2.37"
},
"devDependencies": {
"@vitejs/plugin-vue": "^3.0.0",
"typescript": "^4.6.4",
"@unocss/core": "link:../../packages/core",
"@unocss/preset-attributify": "link:../../packages/preset-attributify",
"@unocss/preset-icons": "link:../../packages/preset-icons",
"unocss": "link:../../packages/unocss",
"vite": "^3.0.0"
}
}
Empty file.
8 changes: 8 additions & 0 deletions examples/vite-vue3/src/App.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
<template>
<div text-center font-sans p4>
<div logo />
<div text-green5>
Hello UnoCSS + Vue
</div>
</div>
</template>
5 changes: 5 additions & 0 deletions examples/vite-vue3/src/main.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
import { createApp } from 'vue'
import App from './App.vue'
import 'uno.css'

createApp(App).mount('#app')
16 changes: 16 additions & 0 deletions examples/vite-vue3/tsconfig.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
{
"compilerOptions": {
"target": "ESNext",
"useDefineForClassFields": true,
"module": "ESNext",
"moduleResolution": "Node",
"strict": true,
"jsx": "preserve",
"sourceMap": true,
"resolveJsonModule": true,
"isolatedModules": true,
"esModuleInterop": true,
"lib": ["ESNext", "DOM"],
"skipLibCheck": true
}
}
28 changes: 28 additions & 0 deletions examples/vite-vue3/vite.config.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
import { defineConfig } from 'vite'
import Vue from '@vitejs/plugin-vue'
import UnoCSS from 'unocss/vite'
import presetAttributify from '@unocss/preset-attributify'
import presetIcons from '@unocss/preset-icons'
import presetUno from '@unocss/preset-uno'

// https://vitejs.dev/config/
export default defineConfig({
plugins: [
Vue(),
UnoCSS({
shortcuts: [
{ logo: 'i-logos-vue w-6em h-6em transform transition-800' },
],
presets: [
presetUno(),
presetAttributify(),
presetIcons({
extraProperties: {
'display': 'inline-block',
'vertical-align': 'middle',
},
}),
],
}),
],
})
2 changes: 1 addition & 1 deletion examples/vite-watch-mode/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@
"@types/react-dom": "^18.0.6",
"@unocss/core": "link:../../packages/core",
"@unocss/preset-attributify": "link:../../packages/preset-attributify",
"@unocss/preset-icons": "link:../../packages/presets-icons",
"@unocss/preset-icons": "link:../../packages/preset-icons",
"@vitejs/plugin-react": "^2.0.0",
"cross-env": "^7.0.3",
"typescript": "^4.7.4",
Expand Down

0 comments on commit 82527b0

Please sign in to comment.