		@@ -1,6 +0,6 @@
		# Console
		# Console について

		## VSCode Plugin Requirements
		## VSCodeのプラグインについて

		Install these plugins:
		これらのプラグインをインストールしてください：

		@@ -11,17 +11,30 @@ - johnsoncodehk.volar

		Please note:
		※注意:

		1. You MUST install and enable the VSCode extension _Volar_ (for this workspace)
		2. You MUST disable the VSCode extension _Vetur_ (for this workspace)
		1. 必ずVSCode の拡張機能: _Volar_ をインストールし、有効にしてください。
		2. VSCode の拡張機能: _Vetur_ がインストールされている場合、必ず _Vetur_ を無効にしてください。

		## Requirements
		## 環境構築

		- add material icons to head
		これらの components には Google Font の material icons を使用するものがあります。使用の際は head タグに以下の link タグを配置してください

		colors
		```html
		<link
		href="https://fonts.googleapis.com/css?family=Material+Icons\|Material+Icons+Outlined\|Material+Icons+Round\|Material+Icons+Sharp\|Material+Icons+Two+Tone"
		rel="stylesheet"
		/>
		```

		all components use this css variable to determine the color: --q-primary
		## 配色について

		please set it in your project like so:
		この components では以下のカスタムプロパティで共通のメインカラーなどを設定しているものがあります。
		プロジェクトごとにメインカラーなどが決定した際は以下の記載に合わせた設定を行ってください:

		- --q-primary : メインカラー
		- --q-secondary : アクセントカラー（タブのバッジなどの色）
		- --q-positive : その他必要な配色があった際
		- --q-negative : キャンセルボタンなど否定的な場合

		ex) 以下のように設定してください(sass でも設定可)

		```html
		@@ -31,4 +44,5 @@ <style>
		--q-primary: blue;
		--q-secondary: green;
		}
		</style>
		```

src/index.ts

		@@ -0,5 +1,53 @@
		import CButton from './components/CButton/CButton.vue'
		export { CButton }

		import CButtonIcon from './components/CButtonIcon/CButtonIcon.vue'
		export { CButtonIcon }

		import CCalendar from './components/CButtonIcon/CCalendar.vue'
		export { CCalendar }

		import CCard from './components/CButtonIcon/CCard.vue'
		export { CCard }

		import CCardHeader from './components/CButtonIcon/CCardHeader.vue'
		export { CCardHeader }

		import CCheckbox from './components/CButtonIcon/CCheckbox.vue'
		export { CCheckbox }

		import CDropdown from './components/CButtonIcon/CDropdown.vue'
		export { CDropdown }

		import CGlobalNav from './components/CButtonIcon/CGlobalNav.vue'
		export { CGlobalNav }

		import CHeader from './components/CButtonIcon/CHeader.vue'
		export { CHeader }

		import CInput from './components/CInput/CInput.vue'
		export { CInput }

		import CButton from './components/CButton/CButton.vue'
		export { CButton }
		import CLogoPop from './components/CButtonIcon/CLogoPop.vue'
		export { CLogoPop }

		import CPager from './components/CButtonIcon/CPager.vue'
		export { CPager }

		import CRadio from './components/CButtonIcon/CRadio.vue'
		export { CRadio }

		import CSpinner from './components/CButtonIcon/CSpinner.vue'
		export { CSpinner }

		import CTab from './components/CButtonIcon/CTab.vue'
		export { CTab }

		import CTextarea from './components/CButtonIcon/CTextarea.vue'
		export { CTextarea }

		import CToggle from './components/CButtonIcon/CToggle.vue'
		export { CToggle }

		import CTrash from './components/CButtonIcon/CTrash.vue'
		export { CTrash }

tsconfig.json

		@@ -14,6 +14,5 @@ {
		"isolatedModules": false,
		"lib": ["esnext", "dom"],
		"outDir": "./dist"
		"lib": ["esnext", "dom"]
		},
		"include": ["src/*/.ts", "src/*/.d.ts", "src/*/.tsx", "src/*/.vue"]
		}

@codelic/console - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics