Skip to content

Commit 97cb601

Browse files
committed
docs(javascript): ran npm run lint
1 parent 747bdbe commit 97cb601

File tree

3 files changed

+27
-37
lines changed

3 files changed

+27
-37
lines changed

docs/javascript/ionic-core.md

Lines changed: 25 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,9 @@ sidebar_label: Ionic Core
88
This guide walks you through integrating [Ionic Core](https://ionicframework.com/docs/components) with a plain JavaScript (Vanilla) project using Vite. You'll get tree-shaking support, efficient bundle sizes, and a solid development experience.
99

1010
# 1. Navigate to your desired directory and create a new Vite project
11+
1112
Open your terminal and run:
13+
1214
```shell
1315
npm create vite@latest my-vanilla-ionic-app -- --template vanilla
1416
```
@@ -20,7 +22,9 @@ cd my-vanilla-ionic-app
2022
```
2123

2224
# 3. Install project dependencies
25+
2326
Install both Vite's dependencies and Ionic Core:
27+
2428
```shell
2529
npm install
2630
npm install @ionic/core
@@ -35,28 +39,25 @@ Add the following `<link>` inside the `<head>` tag in index.html:
3539
```html
3640
<!DOCTYPE html>
3741
<html lang="en">
38-
<head>
39-
<meta charset="UTF-8" />
40-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
41-
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
42-
<title>Ionic Core - Example</title>
43-
<link
44-
rel="stylesheet"
45-
href="https://cdn.jsdelivr.net/npm/@ionic/core/css/ionic.bundle.css"
46-
/>
47-
</head>
48-
<body>
49-
<ion-app>
50-
<ion-header>
51-
<ion-toolbar>
52-
<ion-title>My Ionic App</ion-title>
53-
</ion-toolbar>
54-
</ion-header>
55-
<ion-content class="ion-padding">
56-
<ion-button expand="block">Click Me</ion-button>
57-
</ion-content>
58-
</ion-app>
59-
</body>
42+
<head>
43+
<meta charset="UTF-8" />
44+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
45+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
46+
<title>Ionic Core - Example</title>
47+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core/css/ionic.bundle.css" />
48+
</head>
49+
<body>
50+
<ion-app>
51+
<ion-header>
52+
<ion-toolbar>
53+
<ion-title>My Ionic App</ion-title>
54+
</ion-toolbar>
55+
</ion-header>
56+
<ion-content class="ion-padding">
57+
<ion-button expand="block">Click Me</ion-button>
58+
</ion-content>
59+
</ion-app>
60+
</body>
6061
</html>
6162
```
6263

@@ -71,16 +72,8 @@ import { defineCustomElements } from '@ionic/core/loader';
7172
const resourcesUrl = '/';
7273

7374
defineCustomElements(window, {
74-
components: [
75-
'ion-app',
76-
'ion-button',
77-
'ion-card',
78-
'ion-header',
79-
'ion-toolbar',
80-
'ion-title',
81-
'ion-content',
82-
],
83-
resourcesUrl: resourcesUrl,
75+
components: ['ion-app', 'ion-button', 'ion-card', 'ion-header', 'ion-toolbar', 'ion-title', 'ion-content'],
76+
resourcesUrl: resourcesUrl,
8477
});
8578
```
8679

docs/javascript/overview.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,4 +44,4 @@ $ npm run dev
4444
<p>Quickly set-up your JavaScript application with Ionic Custom Components.</p>
4545
</DocsCard>
4646

47-
</DocsCards>
47+
</DocsCards>

sidebars.js

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -98,10 +98,7 @@ module.exports = {
9898
type: 'category',
9999
label: 'JavaScript',
100100
collapsed: false,
101-
items: [
102-
'javascript/overview',
103-
'javascript/ionic-core',
104-
],
101+
items: ['javascript/overview', 'javascript/ionic-core'],
105102
},
106103
{
107104
type: 'category',

0 commit comments

Comments
 (0)