open-index/open-npm huggingface dataset:
npm package: @microexcel-csd/nativescript-hide-action-bar
Description: ![Short demo of NativeScript Hide Action Bar in action](https://gitlab.com/knowlysis/external/nativescript-hide-action-bar/-/raw/master/images/demo.gif)
Latest version: 2.0.3

# NativeScript Hide Action Bar

![Short demo of NativeScript Hide Action Bar in action](https://gitlab.com/knowlysis/external/nativescript-hide-action-bar/-/raw/master/images/demo.gif)


## Description

This is a simple plugin for the Angular flavor of NativeScript. With it, you can hide the `ActionBar` of any view by adding the directive to an element anywhere in the component.

This is especially useful for NativeScript [code sharing](https://docs.nativescript.org/angular/code-sharing/intro#introduction) projects as trying to access the `Page` object in a component would break your web build.

## Installation

From the root folder of your project, execute the following command:
```javascript
tns plugin add @microexcel-csd/nativescript-hide-action-bar
```

## Usage

Once the plugin is added to your project, you need to add the `HideActionBarModule` to your imports array in your desired feature module or the `SharedModule`:
	
```javascript
    import { HideActionBarModule } from '@microexcel-csd/nativescript-hide-action-bar';

    @NgModule({
        // ...
        imports: [
            HideActionBarModule,
            // ...
        ],
        // ...
    })
    export class SharedModule { }
```

> **NOTE: Simply importing the `HideActionBarModule` into your `AppModule` will not work.**

Afterwards, simply add the directive to any element as follows:

```html
<Label hideActionBar text="Sayonara, ActionBar!"></Label>
```

You'll want to make sure that the element is actually present on the page. For example, an element nested within an `*ngIf` that evaluates to false will not cause the ActionBar to be hidden.


#### Support Our Packages

[![paypal](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=LM74WLHTJN8BA)
npm package: @microf/vue-child
Description: ## A Vue.js plugin to declare your application as a micro-frontend for another application *For the host application use the package `@microf/vue-host`*
Author: David Meir-Levy
Latest version: 0.1.1

# @microf/vue-child

## A Vue.js plugin to declare your application as a micro-frontend for another application
*For the host application use the package `@microf/vue-host`*

### installation
```shell
npm i --save-dev @microf/vue-child
```

### usage
```javascript
import { createMicroFrontendChild } from '@microf/vue-child';
import { router } from './my-router-instance';

const microFrontendPlugin = await createMicroFrontendChild({
  router
});

// don't forget:
app.use(microFrontendPlugin);
```

That's (sort of) it.
npm package: @microf/vue-host
Description: ## A Vue.js plugin to create a micro-frontend application.
Author: David Meir-Levy
Latest version: 0.1.1

# @microf/vue-host

## A Vue.js plugin to create a micro-frontend application.

### installation
```shell
npm i --save-dev @microf/vue-host
```

### usage
```javascript
import { createMicroFrontendHost } from '@microf/vue-host';
import { router } from './my-router-instance';

const microFrontendPlugin = await createMicroFrontendHost({
  router,
  apps: [
    { url: 'http://localhost:3334' },
    { url: 'http://localhost:3335' },
  ]
});

// don't forget:
app.use(microFrontendPlugin);
```

That's (sort of) it.