[create]Update for rollup-plugin-stdf-icon 0.0.13.

packages/create-stdf/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "create-stdf",
-	"version": "0.0.55",
+	"version": "0.0.56",
 	"description": "A CLI for creating new STDF projects",
 	"bin": {
 		"create-stdf": "index.js"

packages/create-stdf/src/lang.js

@@ -12,8 +12,8 @@ export const en_US = {
 	cfsing: 'Creating file...',
 	pcsucc: 'Project created successfully',
 	tgs: 'To get started:',
-	pcyt_vt: 'Tip: Please configure your color system in the tailwind.config.js file',
-	pcyt_vu: 'Tip: Please configure your color system in the uno.config.js file',
+	pcyt_vt: 'Tip: please configure Initial Color System in src/app.css, and Color System in tailwind.config.js',
+	pcyt_vu: 'Tip: please configure Initial Color System in src/app.css, and Color System in uno.config.js',
 	cferror: 'Failed to create file',
 	pectn: 'Please enter the correct template name!',
 };
@@ -32,8 +32,8 @@ export const zh_CN = {
 	cfsing: '正在创建文件...',
 	pcsucc: '项目创建成功',
 	tgs: '开始：',
-	pcyt_vt: '提示：请到 tailwind.config.js 文件内配置你的颜色系统',
-	pcyt_vu: '提示：请到 uno.config.js 文件内配置你的颜色系统',
+	pcyt_vt: '提示：请到 src/app.css 配置初始主题色，tailwind.config.js 配置颜色系统',
+	pcyt_vu: '提示：请到 src/app.css 配置初始主题色，uno.config.js 配置颜色系统',
 	cferror: '创建文件失败',
 	pectn: '请输入正确的模板名称！',
 };
@@ -52,8 +52,8 @@ export const zh_TW = {
 	cfsing: '正在創建文件...',
 	pcsucc: '項目創建成功',
 	tgs: '開始：',
-	pcyt_vt: '提示：請到 tailwind.config.js 文件內配置你的顏色系統',
-	pcyt_vu: '提示：請到 uno.config.js 文件內配置你的顏色系統',
+	pcyt_vt: '提示：請到 src/app.css 配置初始主題色，tailwind.config.js 配置顏色系統',
+	pcyt_vu: '提示：請到 src/app.css 配置初始主題色，uno.config.js 配置顏色系統',
 	cferror: '創建文件失敗',
 	pectn: '請輸入正確的模板名稱！',
 };
@@ -72,8 +72,8 @@ export const ja_JP = {
 	cfsing: 'ファイルを作成しています...',
 	pcsucc: 'プロジェクトが正常に作成されました',
 	tgs: '開始：',
-	pcyt_vt: 'ヒント：tailwind.config.js ファイルでカラーシステムを構成してください',
-	pcyt_vu: 'ヒント：uno.config.js ファイルでカラーシステムを構成してください',
+	pcyt_vt: 'ヒント：src/app.css ファイルで初期カラーシステムを設定し、tailwind.config.js ファイルでカラーシステムを設定します',
+	pcyt_vu: 'ヒント：src/app.css ファイルで初期カラーシステムを設定し、uno.config.js ファイルでカラーシステムを設定します',
 	cferror: 'ファイルの作成に失敗しました',
 	pectn: '正しいテンプレート名を入力してください！',
 };
@@ -92,8 +92,8 @@ export const ko_KR = {
 	cfsing: '파일을 만드는 중입니다...',
 	pcsucc: '프로젝트가 성공적으로 생성되었습니다',
 	tgs: '시작：',
-	pcyt_vt: '팁：tailwind.config.js 파일에서 색상 시스템을 구성하십시오',
-	pcyt_vu: '팁：uno.config.js 파일에서 색상 시스템을 구성하십시오',
+	pcyt_vt: '팁: src/app.css 파일에서 초기 색상 시스템을 구성하고 tailwind.config.js 파일에서 색상 시스템을 구성하십시오',
+	pcyt_vu: '팁: src/app.css 파일에서 초기 색상 시스템을 구성하고 uno.config.js 파일에서 색상 시스템을 구성하십시오',
 	cferror: '파일 생성 실패',
 	pectn: '올바른 템플릿 이름을 입력하십시오!',
 };
@@ -112,8 +112,8 @@ export const es_ES = {
 	cfsing: 'Creando archivo...',
 	pcsucc: 'Proyecto creado con éxito',
 	tgs: 'Para empezar:',
-	pcyt_vt: 'Consejo: configure su sistema de colores en el archivo tailwind.config.js',
-	pcyt_vu: 'Consejo: configure su sistema de colores en el archivo uno.config.js',
+	pcyt_vt: 'Consejo: configure su sistema de colores iniciales en el archivo tailwind.config.js',
+	pcyt_vu: 'Consejo: configure su sistema de colores iniciales en el archivo uno.config.js',
 	cferror: 'Error al crear archivo',
 	pectn: '¡Por favor ingrese el nombre de la plantilla correcto!',
 };
@@ -132,8 +132,8 @@ export const ru_RU = {
 	cfsing: 'Создание файла...',
 	pcsucc: 'Проект успешно создан',
 	tgs: 'Чтобы начать:',
-	pcyt_vt: 'Совет: настройте свою цветовую систему в файле tailwind.config.js',
-	pcyt_vu: 'Совет: настройте свою цветовую систему в файле uno.config.js',
+	pcyt_vt: 'Совет: пожалуйста, настройте свою систему цветов в файле tailwind.config.js',
+	pcyt_vu: 'Совет: пожалуйста, настройте свою систему цветов в файле uno.config.js',
 	cferror: 'Не удалось создать файл',
 	pectn: 'Пожалуйста, введите правильное имя шаблона!',
 };
@@ -152,8 +152,8 @@ export const fr_FR = {
 	cfsing: 'Création de fichier...',
 	pcsucc: 'Projet créé avec succès',
 	tgs: 'Pour commencer:',
-	pcyt_vt: 'Conseil: veuillez configurer votre système de couleurs dans le fichier tailwind.config.js',
-	pcyt_vu: 'Conseil: veuillez configurer votre système de couleurs dans le fichier uno.config.js',
+	pcyt_vt: 'Conseil: veuillez configurer votre système de couleurs initiales dans le fichier tailwind.config.js',
+	pcyt_vu: 'Conseil: veuillez configurer votre système de couleurs initiales dans le fichier uno.config.js',
 	cferror: 'Échec de la création du fichier',
 	pectn: 'Veuillez saisir le nom du modèle correct!',
 };
@@ -172,8 +172,8 @@ export const de_DE = {
 	cfsing: 'Erstelle Datei...',
 	pcsucc: 'Projekt erfolgreich erstellt',
 	tgs: 'Um zu beginnen:',
-	pcyt_vt: 'Tipp: Bitte konfigurieren Sie Ihr Farbsystem in der Datei tailwind.config.js',
-	pcyt_vu: 'Tipp: Bitte konfigurieren Sie Ihr Farbsystem in der Datei uno.config.js',
+	pcyt_vt: 'Tipp: Konfigurieren Sie Ihr Initial Color System in der Datei tailwind.config.js',
+	pcyt_vu: 'Tipp: Konfigurieren Sie Ihr Initial Color System in der Datei uno.config.js',
 	cferror: 'Fehler beim Erstellen der Datei',
 	pectn: 'Bitte geben Sie den richtigen Vorlagennamen ein!',
 };
@@ -192,8 +192,8 @@ export const it_IT = {
 	cfsing: 'Creazione del file in corso...',
 	pcsucc: 'Progetto creato con successo',
 	tgs: 'Per iniziare:',
-	pcyt_vt: 'Suggerimento: configura il tuo sistema di colori nel file tailwind.config.js',
-	pcyt_vu: 'Suggerimento: configura il tuo sistema di colori nel file uno.config.js',
+	pcyt_vt: 'Suggerimento: configura il tuo sistema di colori iniziale nel file tailwind.config.js',
+	pcyt_vu: 'Suggerimento: configura il tuo sistema di colori iniziale nel file uno.config.js',
 	cferror: 'Impossibile creare il file',
 	pectn: 'Inserisci il nome del modello corretto!',
 };

packages/create-stdf/templates/sveltekit-tailwind/vite.config.js

@@ -4,18 +4,17 @@ import svgSprite from 'rollup-plugin-stdf-icon';
 
 export default defineConfig({
 	plugins: [
+		// @ts-ignore
 		sveltekit({}),
-		// 一般来说，一个应用的所有 svg 都放在一个文件夹下，合并为一个 symbol 即可。
-		// 此处只是为了演示不同文件夹下的图标如何合并为不同的 symbol。
-		// Generally speaking, all of an application svg are placed in a folder and merged into one symbol.
-		// Here is just to show how icons in different folders are merged into different symbols.
+		// 一般来说，一个应用的的 svg 不多时都放在一个文件夹下，合并为一个 symbol 即可。此处演示了不同文件夹下的图标如何合并为不同的 symbol。
+		// Generally speaking, when the svg of an application is not much, it is placed in a folder and merged into one symbol. This example shows how the icons in different folders are merged into different symbols.
 		svgSprite([
-			{ inFile: 'src/lib/svgs/Heroicons', outFile: 'static/symbols', fileName: 'Heroicons' },
-			{ inFile: 'src/lib/svgs/IconPark', outFile: 'static/symbols', fileName: 'IconPark' },
-			{ inFile: 'src/lib/svgs/Remix', outFile: 'static/symbols', fileName: 'Remix' },
+			{ inFile: 'src/lib/svgs/Heroicons', outFile: 'static/symbols' },
+			{ inFile: 'src/lib/svgs/IconPark', outFile: 'static/symbols' },
+			{ inFile: 'src/lib/svgs/Remix', outFile: 'static/symbols' },
 			// 单独为 Cell 与 NavBar 用到的图标创建一个 symbol。详见：https://stdf.design/#/guide?nav=icon
 			// Create a symbol for the icons used by Cell and NavBar. See: https://stdf.design/#/guide?nav=icon
-			{ inFile: 'src/lib/icons', outFile: 'static/fonts', fileName: 'symbol' },
+			{ inFile: 'src/lib/symbol', outFile: 'static/fonts' },
 		]),
 	],
 });

packages/create-stdf/templates/sveltekit-uno/vite.config.js

@@ -9,18 +9,17 @@ export default defineConfig({
 		UnoCSS({
 			extractors: [extractorSvelte()],
 		}),
+		// @ts-ignore
 		sveltekit({}),
-		// 一般来说，一个应用的所有 svg 都放在一个文件夹下，合并为一个 symbol 即可。
-		// 此处只是为了演示不同文件夹下的图标如何合并为不同的 symbol。
-		// Generally speaking, all of an application svg are placed in a folder and merged into one symbol.
-		// Here is just to show how icons in different folders are merged into different symbols.
+		// 一般来说，一个应用的的 svg 不多时都放在一个文件夹下，合并为一个 symbol 即可。此处演示了不同文件夹下的图标如何合并为不同的 symbol。
+		// Generally speaking, when the svg of an application is not much, it is placed in a folder and merged into one symbol. This example shows how the icons in different folders are merged into different symbols.
 		svgSprite([
-			{ inFile: 'src/lib/svgs/Heroicons', outFile: 'static/symbols', fileName: 'Heroicons' },
-			{ inFile: 'src/lib/svgs/IconPark', outFile: 'static/symbols', fileName: 'IconPark' },
-			{ inFile: 'src/lib/svgs/Remix', outFile: 'static/symbols', fileName: 'Remix' },
+			{ inFile: 'src/lib/svgs/Heroicons', outFile: 'static/symbols' },
+			{ inFile: 'src/lib/svgs/IconPark', outFile: 'static/symbols' },
+			{ inFile: 'src/lib/svgs/Remix', outFile: 'static/symbols' },
 			// 单独为 Cell 与 NavBar 用到的图标创建一个 symbol。详见：https://stdf.design/#/guide?nav=icon
 			// Create a symbol for the icons used by Cell and NavBar. See: https://stdf.design/#/guide?nav=icon
-			{ inFile: 'src/lib/icons', outFile: 'static/fonts', fileName: 'symbol' },
+			{ inFile: 'src/lib/symbol', outFile: 'static/fonts' },
 		]),
 	],
 });

packages/create-stdf/templates/vite-tailwind/vite.config.js

@@ -4,7 +4,9 @@ import { svelte } from '@sveltejs/vite-plugin-svelte';
 import svgSprite from 'rollup-plugin-stdf-icon';
 
 // https://vitejs.dev/config/
+// @ts-ignore
 export default defineConfig({
+	// @ts-ignore
 	plugins: [
 		svelte({
 			onwarn(warning, defaultHandler) {
@@ -15,17 +17,14 @@ export default defineConfig({
 				defaultHandler(warning);
 			},
 		}),
-		// 一般来说，一个应用的所有 svg 都放在一个文件夹下，合并为一个 symbol 即可。
-		// 如默认配置的 src/assets/icons 内，合并之后 symbol 会放置于 public/fonts/symbol.svg 下。
-		// 此处只是为了演示不同文件夹下的图标如何合并为不同的 symbol。
-		// Generally speaking, all of an application svg are placed in a folder and merged into one symbol.
-		// As in the default configuration of src/assets/icons, the merged symbol will be placed under public/fonts/symbol.svg.
-		// Here is just to show how icons in different folders are merged into different symbols.
+		// 一般来说，一个应用的的 svg 不多时都放在一个文件夹下，合并为一个 symbol 即可。此处演示了不同文件夹下的图标如何合并为不同的 symbol。
+		// Generally speaking, when the svg of an application is not much, it is placed in a folder and merged into one symbol. This example shows how the icons in different folders are merged into different symbols.
 		svgSprite([
-			{ inFile: 'src/assets/Heroicons', outFile: 'public/fonts', fileName: 'Heroicons' },
-			{ inFile: 'src/assets/IconPark', outFile: 'public/fonts', fileName: 'IconPark' },
-			{ inFile: 'src/assets/Remix', outFile: 'public/fonts', fileName: 'Remix' },
+			{ inFile: 'src/assets/Heroicons', outFile: 'public/fonts' },
+			{ inFile: 'src/assets/IconPark', outFile: 'public/fonts' },
+			{ inFile: 'src/assets/Remix', outFile: 'public/fonts' },
 		]),
 	],
+	// @ts-ignore
 	css: { postcss },
 });

packages/create-stdf/templates/vite-uno/vite.config.js

@@ -6,7 +6,9 @@ import svgSprite from 'rollup-plugin-stdf-icon';
 
 // https://vitejs.dev/config/
 export default defineConfig({
+	// @ts-ignore
 	plugins: [
+		// @ts-ignore
 		UnoCSS({
 			extractors: [extractorSvelte()],
 		}),
@@ -20,16 +22,12 @@ export default defineConfig({
 				defaultHandler(warning);
 			},
 		}),
-		// 一般来说，一个应用的所有 svg 都放在一个文件夹下，合并为一个 symbol 即可。
-		// 如默认配置的 src/assets/icons 内，合并之后 symbol 会放置于 public/fonts/symbol.svg 下。
-		// 此处只是为了演示不同文件夹下的图标如何合并为不同的 symbol。
-		// Generally speaking, all of an application svg are placed in a folder and merged into one symbol.
-		// As in the default configuration of src/assets/icons, the merged symbol will be placed under public/fonts/symbol.svg.
-		// Here is just to show how icons in different folders are merged into different symbols.
+		// 一般来说，一个应用的的 svg 不多时都放在一个文件夹下，合并为一个 symbol 即可。此处演示了不同文件夹下的图标如何合并为不同的 symbol。
+		// Generally speaking, when the svg of an application is not much, it is placed in a folder and merged into one symbol. This example shows how the icons in different folders are merged into different symbols.
 		svgSprite([
-			{ inFile: 'src/assets/Heroicons', outFile: 'public/fonts', fileName: 'Heroicons' },
-			{ inFile: 'src/assets/IconPark', outFile: 'public/fonts', fileName: 'IconPark' },
-			{ inFile: 'src/assets/Remix', outFile: 'public/fonts', fileName: 'Remix' },
+			{ inFile: 'src/assets/Heroicons', outFile: 'public/fonts' },
+			{ inFile: 'src/assets/IconPark', outFile: 'public/fonts' },
+			{ inFile: 'src/assets/Remix', outFile: 'public/fonts' },
 		]),
 	],
 });