agerix/iconify
2
0
Fork 0
mirror of https://github.com/iconify/iconify.git synced 2025-01-22 14:48:24 +00:00
Code Issues Releases Activity

Use named export for Svelte component instead of default export

Browse Source
This commit is contained in:
Vjacheslav Trushkin 2021-04-29 19:02:28 +03:00
parent 95ea0e59a6
commit eb2420177d
10 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/svelte-demo/src/App.svelte
View File

@ -1,5 +1,5 @@
<script> <script>
import Icon from '@iconify/svelte'; import { Icon } from '@iconify/svelte';
import adminCustomizer from '@iconify-icons/dashicons/admin-customizer'; import adminCustomizer from '@iconify-icons/dashicons/admin-customizer';
import bxUser from '@iconify-icons/bx/bx-user'; import bxUser from '@iconify-icons/bx/bx-user';
import bxError from '@iconify-icons/bx/bx-error'; import bxError from '@iconify-icons/bx/bx-error';

2
packages/svelte-demo/src/components/Alignment.svelte
View File

@ -1,5 +1,5 @@
<script> <script>
import Icon from '@iconify/svelte'; import { Icon } from '@iconify/svelte';
import paperclipIcon from '@iconify-icons/dashicons/paperclip'; import paperclipIcon from '@iconify-icons/dashicons/paperclip';
</script> </script>

2
packages/svelte-demo/src/components/ColorStyle.svelte
View File

@ -1,5 +1,5 @@
<script> <script>
import Icon from '@iconify/svelte'; import { Icon } from '@iconify/svelte';
import adminUsers from '@iconify-icons/dashicons/admin-users'; import adminUsers from '@iconify-icons/dashicons/admin-users';
let icon1Style = 'color: purple; vertical-align: 0; font-size: 2em;'; let icon1Style = 'color: purple; vertical-align: 0; font-size: 2em;';

2
packages/svelte-demo/src/components/Inline.svelte
View File

@ -1,5 +1,5 @@
<script> <script>
import Icon from '@iconify/svelte'; import { Icon } from '@iconify/svelte';
const demoIcon = { const demoIcon = {
width: 16, width: 16,

2
packages/svelte-demo/src/components/Sample.svelte
View File

@ -1,5 +1,5 @@
<script> <script>
import Icon from '@iconify/svelte'; import { Icon } from '@iconify/svelte';
import adminCustomizer from '@iconify-icons/dashicons/admin-customizer'; import adminCustomizer from '@iconify-icons/dashicons/admin-customizer';
</script> </script>

2
packages/svelte-demo/src/components/Style.svelte
View File

@ -1,5 +1,5 @@
<script> <script>
import Icon from '@iconify/svelte'; import { Icon } from '@iconify/svelte';
import paperclipIcon from '@iconify-icons/dashicons/paperclip'; import paperclipIcon from '@iconify-icons/dashicons/paperclip';
const redIcon = 'color: red;'; const redIcon = 'color: red;';

2
packages/svelte-demo/src/components/Transformations.svelte
View File

@ -1,5 +1,5 @@
<script> <script>
import Icon from '@iconify/svelte'; import { Icon } from '@iconify/svelte';
import paperclipIcon from '@iconify-icons/dashicons/paperclip'; import paperclipIcon from '@iconify-icons/dashicons/paperclip';
</script> </script>

2
packages/svelte/package.json
View File

@ -11,7 +11,7 @@
"url": "https://github.com/iconify/iconify.git", "url": "https://github.com/iconify/iconify.git",
"directory": "packages/svelte" "directory": "packages/svelte"
}, },
"svelte": "dist/Icon.svelte", "svelte": "dist/component.mjs",
"module": "dist/index.mjs", "module": "dist/index.mjs",
"main": "dist/index.js", "main": "dist/index.js",
"scripts": { "scripts": {

6
packages/svelte/rollup.config.js
View File

@ -15,6 +15,12 @@ try {
); );
}); });
// Create component.mjs
fs.writeFileSync(
__dirname + '/dist/component.mjs',
fs.readFileSync(__dirname + '/src/index.js')
);
// Create bundle // Create bundle
const name = pkg.name const name = pkg.name
.replace(/^(@\S+\/)?(svelte-)?(\S+)/, '$3') .replace(/^(@\S+\/)?(svelte-)?(\S+)/, '$3')

2
packages/svelte/src/index.js
View File

@ -1 +1 @@
export { default } from './Icon.svelte'; export { default as Icon } from './Icon.svelte';