agerix/iconify
2
0
Fork 0
mirror of https://github.com/iconify/iconify.git synced 2024-12-21 17:29:04 +00:00
Code Issues Releases Activity

chore(iconify-icon): update demo packages

Browse Source
This commit is contained in:
Vjacheslav Trushkin 2024-11-01 18:24:52 +02:00
parent c225b535f4
commit 2a960cc887
15 changed files with 1501 additions and 1312 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
README.md
View File

@ -85,7 +85,6 @@ Directory `iconify-icon-demo` contains demo packages that show usage of `iconify
- [SvelteKit demo](./iconify-icon-demo/sveltekit-demo/) - demo for web component with SvelteKit. Run `npm run dev` to start the demo.
- [Vue 3 demo](./iconify-icon-demo/vue-demo/) - demo for web component with Vue 3. Run `npm run dev` to start demo.
- [Nuxt 3 demo](./iconify-icon-demo/nuxt3-demo/) - demo for web component with Nuxt 3. Run `npm run dev` to start demo. Requires custom config, see below.
- [Vue 2 demo](./iconify-icon-demo/vue2-demo/) - demo for web component with Vue 2. Run `npm run build` to build demo and `npm run serve` to start it.
- [SolidJS demo](./iconify-icon-demo/solid-demo/) - demo using web component with SolidJS. Run `npm run dev` to start demo.
#### Nuxt 3 usage

2
iconify-icon-demo/nextjs-demo/package.json
View File

@ -8,7 +8,7 @@
"start": "next start"
},
"dependencies": {
"next": "^13.5.6",
"next": "^15.0.2",
"react": "^18.3.1",
"react-dom": "^18.3.1"
},

0
iconify-icon-demo/nuxt3-demo/app.vue → iconify-icon-demo/nuxt3-demo/app/app.vue
View File

6
iconify-icon-demo/nuxt3-demo/nuxt.config.ts
View File

@ -1,8 +1,12 @@
// https://v3.nuxtjs.org/docs/directory-structure/nuxt.config
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
vue: {
compilerOptions: {
isCustomElement: (tag) => tag === 'iconify-icon',
},
},
future: {
compatibilityVersion: 4,
},
compatibilityDate: '2024-07-16',
});

6
iconify-icon-demo/nuxt3-demo/package.json
View File

@ -9,9 +9,9 @@
"postinstall": "nuxt prepare"
},
"devDependencies": {
"@types/node": "^18.19.41",
"@types/node": "^22.8.6",
"iconify-icon": "workspace:*",
"nuxt": "^3.12.4",
"vue": "^3.4.33"
"nuxt": "^3.13.2",
"vue": "^3.5.12"
}
}

11
iconify-icon-demo/react-demo/package.json
View File

@ -2,6 +2,7 @@
"name": "@iconify-icon/react-demo",
"version": "0.0.0",
"private": true,
"type": "module",
"scripts": {
"dev": "vite",
"build": "tsc && vite build",
@ -15,11 +16,11 @@
"@iconify-icon/react": "workspace:*",
"@iconify-icons/mdi-light": "^1.2.5",
"@iconify-icons/uil": "^1.2.3",
"@types/react": "^18.3.3",
"@types/react-dom": "^18.3.0",
"@vitejs/plugin-react": "^3.1.0",
"@types/react": "^18.3.12",
"@types/react-dom": "^18.3.1",
"@vitejs/plugin-react": "^4.3.3",
"iconify-icon": "workspace:*",
"typescript": "^5.5.3",
"vite": "^4.5.3"
"typescript": "^5.6.3",
"vite": "^5.4.10"
}
}

7
iconify-icon-demo/solid-demo/package.json
View File

@ -3,6 +3,7 @@
"version": "0.0.0",
"description": "",
"private": true,
"type": "module",
"scripts": {
"dev": "vite",
"build": "vite build",
@ -13,11 +14,11 @@
"@iconify-icon/solid": "workspace:*",
"@iconify-icons/line-md": "^1.2.30",
"iconify-icon": "workspace:*",
"typescript": "^5.5.3",
"vite": "^4.5.3",
"typescript": "^5.6.3",
"vite": "^5.4.10",
"vite-plugin-solid": "^2.10.2"
},
"dependencies": {
"solid-js": "^1.8.18"
"solid-js": "^1.9.3"
}
}

22
iconify-icon-demo/vue-demo/index.html
View File

@ -1,13 +1,13 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vite App</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
</body>
<head>
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite App</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>

9
iconify-icon-demo/vue-demo/package.json
View File

@ -2,19 +2,20 @@
"name": "@iconify-icon/vue-demo",
"version": "1.0.0",
"private": true,
"type": "module",
"scripts": {
"dev": "vite",
"build": "vite build"
},
"dependencies": {
"vue": "^3.4.33"
"vue": "^3.5.12"
},
"devDependencies": {
"@iconify-icons/bx": "^1.2.6",
"@iconify-icons/dashicons": "^1.2.4",
"@vitejs/plugin-vue": "^4.6.2",
"@vitejs/plugin-vue": "^5.1.4",
"iconify-icon": "workspace:*",
"typescript": "^5.5.3",
"vite": "^4.5.3"
"typescript": "^5.6.3",
"vite": "^5.4.10"
}
}

5
iconify-icon-demo/vue-demo/src/main.js
View File

@ -1,5 +0,0 @@
import { createApp } from 'vue'
import App from './App.vue'
import './index.css'
createApp(App).mount('#app')

5
iconify-icon-demo/vue-demo/src/main.ts Normal file
View File

@ -0,0 +1,5 @@
import { createApp } from 'vue';
import App from './App.vue';
import './index.css';
createApp(App).mount('#app');

8
iconify-icon-demo/vue-demo/tsconfig.json
View File

@ -1,7 +1,5 @@
{
"compilerOptions": {
"rootDir": "./lib",
"outDir": "./src",
"target": "ESNext",
"module": "ESNext",
"declaration": false,
@ -9,6 +7,8 @@
"strict": false,
"moduleResolution": "node",
"esModuleInterop": true,
"forceConsistentCasingInFileNames": true
}
"forceConsistentCasingInFileNames": true,
"noEmit": true
},
"include": ["./src"]
}

5
iconify-icon-demo/vue-demo/vite.config.js
View File

@ -1,5 +0,0 @@
import vue from '@vitejs/plugin-vue';
module.exports = {
plugins: [vue()],
};

6
iconify-icon-demo/vue-demo/vite.config.ts Normal file
View File

@ -0,0 +1,6 @@
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
export default defineConfig({
plugins: [vue()],
});

2720
pnpm-lock.yaml
View File

File diff suppressed because it is too large Load Diff