如何获取文件名，用空格替换 - 并使用 shell/bash 插入文件

Question

我正在为 SVG 图标创建 Svelte 组件文件。

我的目录中有许多 SVG 文件：

ab-testing.svg
abacus.svg
abjad-arabic.svg
abjad-hebrew.svg
abugida-devanagari.svg
abugida-thai.svg
access-point-check.svg
access-point-minus.svg
...

在每个文件中，我想插入字符串。

例如使用文件access-point-minus.svg：

它具有以下特点：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg 
  xmlns="http://www.w3.org/2000/svg" 
  xmlns:xlink="http://www.w3.org/1999/xlink" 
  version="1.1" 
  id="mdi-access-point-minus" 
  width="24" 
  height="24" 
  viewBox="0 0 24 24">
<path d="M16 12C16 # removed for brevity ........" /></svg>

我想将内容更改为以下内容：

<script>
    export let size = '24';
    export let color = 'currentColor';
    export let ariaLabel = 'access point minus'
</script>
<svg
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    version="1.1" 
    id="mdi-access-point-minus" 
    aria-label={ariaLabel}
    width={size}
    height={size}
    fill={color}
    class={$$props.class}
    {...$$props}
    viewBox="0 0 24 24"
    ><path # removed for brevity ...
</svg>

并将文件名从 更改access-point-minus.svg为AccessPointMinus.svelte.

我想对目录中的所有文件重复相同的操作。