Vue MDBootstrap Example

This repository contains examples on how to use the Vue MDBootstrap v2.0 components.

Recommended IDE Setup

VSCode + Vue - Official (and disable Vetur).

Type Support for .vue Imports in TS

TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need Vue - Official to make the TypeScript language service aware of .vue file types.

If the standalone TypeScript plugin doesn't feel fast enough to you, Vue - Official has also implemented a Take Over Mode that is more performant. You can enable it by the following steps:

1. Disable the built-in TypeScript Extension
   1. Run Extensions: Show Built-in Extensions from VSCode's command palette
   2. Find TypeScript and JavaScript Language Features, right click and select Disable (Workspace)
2. Reload the VSCode window by running Developer: Reload Window from the command palette.

Customize configuration

See Vite Configuration Reference.

Project Setup

# with npm
npm install

# with yarn
yarn install

Compile and Hot-Reload for Development

# with npm
npm run dev

# with yarn
yarn dev

Type-Check, Compile and Minify for Production

# with npm
npm run build

# with yarn
yarn build