import {useFeaturesStore} from "src/features/stores/featuresStore";

<!-- (...) -->

<span v-if="useFeaturesStore().hasFeature(FeatureIdent.STANDALONE_APP)">
    <-- code to be used only if feature is active -->
  </span>

The enum FeatureIdent is provided by the hosting application (e.g. tabsets.net), defined in src/models/FeatureIdent.ts:

export enum FeatureIdent {
  STANDALONE_APP = 'STANDALONE_APP',
}

Also, in the hosting app, you have to define the "AppFeatures":

export class AppFeatures {
  features: Feature[] = [
    new Feature(FeatureIdent.STANDALONE_APP, FeatureType.RECOMMENDED, 'Standalone App', 'o_open_in_new', ['bex']),
    //(...)
  ]
}

The Feature class is provided by the features submodule:

import { FeatureType } from 'src/app/models/FeatureIdent'
import Command from 'src/core/domain/Command'
import { ActivateFeatureCommand } from 'src/features/commands/ActivateFeatureCommand'
import { DeactivateFeatureCommand } from 'src/features/commands/DeactivateFeatureCommand'

export class Feature {
  public activateCommands: Array<Command<any>> = []
  public deactivateCommands: Array<Command<any>> = []
  public imageWidth: string = '250px'

  constructor(
    public ident: string,
    public type: FeatureType,
    public name: string,
    public description: string,
    public icon: string,
    public image: string,
    public useIn: string[],
    public requires: string[] = [],
    public needsAccount: boolean = false,
    public defaultColor: string = '',
  ) {
    this.activateCommands = [new ActivateFeatureCommand(this.ident)]
    this.deactivateCommands = [new DeactivateFeatureCommand(this.ident)]
  }

  setActivateCommands(cmds: Array<Command<any>>): Feature {
    this.activateCommands = cmds.concat(this.activateCommands)
    return this
  }

  setDeactivateCommands(cmds: Array<Command<any>>): Feature {
    this.deactivateCommands = cmds.concat(this.deactivateCommands)
    return this
  }

  setImageWidth(width: string) {
    this.imageWidth = width
    return this
  }
}