" filename | strip-ext " 这是什么写法？

看到别人写的一个 .vue 文件里有这样一行代码：
<div class="filename">{{ item.name | strip-ext }}</div>
效果是去除文件名中的文件扩展名后缀（"新建文本文档.txt" -> "新建文本文档"）

原来的项目没有用 eslint 和 prettier，在我启用了 eslint 和 prettier 后，上面的代码被编辑器自动格式化成下面这样：
<div class="filename">{{ item.name | (strip - ext) }}</div>
然后 eslint 报错说找不到 strip 和 ext 这两个变量

所以我就在想两个问题：
1. " filename | strip-ext " 这到底是个什么写法，是不是不太正规？
2. 去除文件名中的文件扩展名应该用什么方法比较正规？