适用于 Nuxt 的 Radash
📦 安装
将 nuxt-radash 作为开发依赖项安装
npm i nuxt-radash -D
将其添加到 nuxt.config 文件的 modules 部分
export default defineNuxtConfig({
modules: ["nuxt-radash"],
});
🚀 示例
在您的 Nuxt 应用程序中使用任何 Radash 方法，它们将被自动导入！
<script setup>
const fish = [
{
name: "Marlin",
weight: 105,
source: "ocean",
},
{
name: "Bass",
weight: 8,
source: "lake",
},
{
name: "Trout",
weight: 1,
source: "lake",
},
];
const ra = {
Mode: "god",
Power: "sun",
};
const min = useMin(fish, (f) => f.weight);
const text = usePascal("it works!");
const lowerize = useLowerize(ra);
const snake = stringToSnake('green fish blue fish')
</script>
<template>
<div>{{ text }}</div>
<pre>{{ min }}</pre>
<pre>{{ lowerize }}</pre>
<pre>{{ snake }}</pre>
</template>
🔨 配置
| 名称 | 默认值 | 描述 |
|---|---|---|
prefix | 'use' | 在每个 Radash 函数之前添加的字符串（禁用时设置为 false） |
prefixSkip | 'is' | 以该关键字开头的函数将被 prefix 跳过（禁用时设置为 false） |
upperAfterPrefix | true | 如果为 true，则会在 prefix 后自动将第一个字母大写（禁用时设置为 false） |
alias | [] | 用于重命名特定 Radash 函数的数组对（prefix 仍然会被添加） |
💻 配置示例
export default defineNuxtConfig({
modules: ["nuxt-radash"],
radash: {
prefix: '_',
prefixSkip: ['string'],
upperAfterPrefix: true,
alias: [
['snake', 'stringToSnake'], // => stringToSnake
]
}
});
致谢
nuxt-radash 的开发得益于 Nuxt-Radash 的灵感和代码库。
📄 许可证
MIT 许可证 © 2021-2022 - Batuhan Göksu