agerix/iconify
2
0
Fork 0
mirror of https://github.com/iconify/iconify.git synced 2024-11-17 01:55:09 +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. - [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. - [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. - [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. - [SolidJS demo](./iconify-icon-demo/solid-demo/) - demo using web component with SolidJS. Run `npm run dev` to start demo.
#### Nuxt 3 usage #### Nuxt 3 usage

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

@ -8,7 +8,7 @@
"start": "next start" "start": "next start"
}, },
"dependencies": { "dependencies": {
"next": "^13.5.6", "next": "^15.0.2",
"react": "^18.3.1", "react": "^18.3.1",
"react-dom": "^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({ export default defineNuxtConfig({
vue: { vue: {
compilerOptions: { compilerOptions: {
isCustomElement: (tag) => tag === 'iconify-icon', 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" "postinstall": "nuxt prepare"
}, },
"devDependencies": { "devDependencies": {
"@types/node": "^18.19.41", "@types/node": "^22.8.6",
"iconify-icon": "workspace:*", "iconify-icon": "workspace:*",
"nuxt": "^3.12.4", "nuxt": "^3.13.2",
"vue": "^3.4.33" "vue": "^3.5.12"
} }
} }

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

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

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

@ -3,6 +3,7 @@
"version": "0.0.0", "version": "0.0.0",
"description": "", "description": "",
"private": true, "private": true,
"type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
"build": "vite build", "build": "vite build",
@ -13,11 +14,11 @@
"@iconify-icon/solid": "workspace:*", "@iconify-icon/solid": "workspace:*",
"@iconify-icons/line-md": "^1.2.30", "@iconify-icons/line-md": "^1.2.30",
"iconify-icon": "workspace:*", "iconify-icon": "workspace:*",
"typescript": "^5.5.3", "typescript": "^5.6.3",
"vite": "^4.5.3", "vite": "^5.4.10",
"vite-plugin-solid": "^2.10.2" "vite-plugin-solid": "^2.10.2"
}, },
"dependencies": { "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"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite App</title> <title>Vite App</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.js"></script> <script type="module" src="/src/main.ts"></script>
</body> </body>
</html> </html>

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

@ -2,19 +2,20 @@
"name": "@iconify-icon/vue-demo", "name": "@iconify-icon/vue-demo",
"version": "1.0.0", "version": "1.0.0",
"private": true, "private": true,
"type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
"build": "vite build" "build": "vite build"
}, },
"dependencies": { "dependencies": {
"vue": "^3.4.33" "vue": "^3.5.12"
}, },
"devDependencies": { "devDependencies": {
"@iconify-icons/bx": "^1.2.6", "@iconify-icons/bx": "^1.2.6",
"@iconify-icons/dashicons": "^1.2.4", "@iconify-icons/dashicons": "^1.2.4",
"@vitejs/plugin-vue": "^4.6.2", "@vitejs/plugin-vue": "^5.1.4",
"iconify-icon": "workspace:*", "iconify-icon": "workspace:*",
"typescript": "^5.5.3", "typescript": "^5.6.3",
"vite": "^4.5.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": { "compilerOptions": {
"rootDir": "./lib",
"outDir": "./src",
"target": "ESNext", "target": "ESNext",
"module": "ESNext", "module": "ESNext",
"declaration": false, "declaration": false,
@ -9,6 +7,8 @@
"strict": false, "strict": false,
"moduleResolution": "node", "moduleResolution": "node",
"esModuleInterop": true, "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